33 lines
955 B
Vue
33 lines
955 B
Vue
import { defineComponent } from 'vue';
|
|
import { Collapse } from 'ant-design-vue';
|
|
import type { ComponentDemo } from '../../interface';
|
|
|
|
const { Panel } = Collapse;
|
|
const text = ` A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.`;
|
|
|
|
const Demo = defineComponent({
|
|
setup() {
|
|
return () => (
|
|
<Collapse activeKey={['1']}>
|
|
<Panel header="This is panel header 1" key="1">
|
|
<p>{text}</p>
|
|
</Panel>
|
|
<Panel header="This is panel header 2" key="2">
|
|
<p>{text}</p>
|
|
</Panel>
|
|
<Panel header="This is panel header 3" key="3">
|
|
<p>{text}</p>
|
|
</Panel>
|
|
</Collapse>
|
|
);
|
|
},
|
|
});
|
|
|
|
const componentDemo: ComponentDemo = {
|
|
demo: <Demo />,
|
|
tokens: ['colorTextSecondary', 'colorText', 'colorFillAlter', 'colorBgContainer'],
|
|
key: 'default',
|
|
};
|
|
|
|
export default componentDemo;
|