mirror of
https://github.com/ant-design/ant-design.git
synced 2026-02-09 02:49:18 +08:00
demo: fix Collapse demo (#55145)
This commit is contained in:
@@ -16,18 +16,18 @@ const locales = {
|
||||
},
|
||||
};
|
||||
|
||||
const items: CollapseProps['items'] = [
|
||||
{
|
||||
key: '1',
|
||||
label: 'This is panel header',
|
||||
children: <p>This is panel body</p>,
|
||||
},
|
||||
];
|
||||
|
||||
const BlockCollapse: React.FC<CollapseProps> = (props) => {
|
||||
const BlockCollapse: React.FC<NonNullable<CollapseProps['items']>[number]> = (props) => {
|
||||
const items: CollapseProps['items'] = [
|
||||
{
|
||||
key: '1',
|
||||
label: 'This is panel header',
|
||||
children: <p>This is panel body</p>,
|
||||
...props,
|
||||
},
|
||||
];
|
||||
return (
|
||||
<div style={{ position: 'absolute', inset: 0 }}>
|
||||
<Collapse {...props} items={items} defaultActiveKey={['1']} />
|
||||
<Collapse items={items} defaultActiveKey={['1']} />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user