折叠面板 Collapse
可以折叠/展开的内容区域。
何时使用
- 对复杂区域进行分组和隐藏
- 手风琴是一种特殊的折叠面板,只允许单个内容区域展开
代码演示
基本用法
可以同时展开多个面板,可以分别展开或折叠。
正在加载组件...
默认展开
通过 defaultActiveKeys 属性设置默认展开的面板。
正在加载组件...
手风琴模式
通过 accordion 属性设置手风琴模式,每次只能展开一个面板。
正在加载组件...
禁用状态
通过 disabled 属性禁用某个面板。
正在加载组件...
FAQ 场景
使用折叠面板展示常见问题解答。
正在加载组件...
API
Collapse
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| accordion | 是否为手风琴模式(每次只能展开一个) | boolean | false |
| defaultActiveKeys | 默认展开的项目 key 数组 | string[] | [] |
| children | 子元素 | ReactNode | - |
CollapseItem
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| itemKey | 唯一标识 | string | - |
| title | 标题 | ReactNode | - |
| disabled | 是否禁用 | boolean | false |
| children | 子元素(正文内容) | ReactNode | - |