<script> import Accordion from './accordion'; import Basic from './basic'; import Borderless from './borderless'; import Custom from './custom'; import Mix from './mix'; import Noarrow from './noarrow'; import CN from '../index.zh-CN.md'; import US from '../index.en-US.md'; const md = { cn: `# Collapse折叠面板 可以折叠/展开的内容区域。 ## 何时使用 - 对复杂区域进行分组和隐藏,保持页面的整洁。 - '手风琴' 是一种特殊的折叠面板,只允许单个内容区域展开。 ## 代码演示`, us: `# Collapse A content area which can be collapsed and expanded. ## When To Use - Can be used to group or hide complex regions to keep the page clean. - 'Accordion' is a special kind of 'Collapse', which allows only one panel to be expanded at a time. ## Examples `, }; export default { category: 'Components', type: 'Data Display', zhType: '数据展示', title: 'Collapse', subtitle: '折叠面板', cols: 1, render() { return ( <div> <md cn={md.cn} us={md.us} /> <Basic /> <br /> <Accordion /> <br /> <Mix /> <br /> <Borderless /> <br /> <Custom /> <br /> <Noarrow /> <br /> <api> <template slot="cn"> <CN /> </template> <US /> </api> </div> ); }, }; </script>