Collapse
Props
| Prop Name | Type | Required | Default | Description |
|---|---|---|---|---|
| openKeys | Key[] | 激活的面板，multiple 时为数组值，controlled | ||
| defaultOpenKeys | Key[] | 默认激活的面板，multiple 时为数组值，uncontrolled | ||
| onChange | (keys: Key[]) => void | 变化回调 | ||
| multiple | boolean | true | 是否可以多个同时打开 |
说明
对内容进行分组并控制显示隐藏
演示
演示
multiple - 同时展开多个
uncontrolled
Panel
Props
| Prop Name | Type | Required | Default | Description |
|---|---|---|---|---|
| title | ReactNode | ((options: { open: boolean; disabled?: boolean; toggle: () => void }) => ReactNode) | 标题项，为函数时会传入面板当前 open 和 disabled 状态，和 toggle 函数 | ||
| onChange | (open: boolean) => void | 修改回调 | ||
| open | boolean | 是否展开，controlled | ||
| defaultOpen | boolean | 默认展开状态，uncontrolled | ||
| forceRender | boolean | 是否强制渲染 | ||
| ignoreUpdateWhenClose | boolean | 关闭时子组件不会更新 | ||
| disabled | boolean | 是否禁用 | ||
| panelKey | Key | '' | 唯一键值 | |
| titlePosition | 'top' | 'bottom' | 'top' | title的位置 |
说明
Collapse 的子组件