折叠面板 Collapse

可以折叠/展开的内容区域。

何时使用

  • 对复杂区域进行分组和隐藏
  • 手风琴是一种特殊的折叠面板,只允许单个内容区域展开

代码演示

基本用法

可以同时展开多个面板,可以分别展开或折叠。

正在加载组件...
code

默认展开

通过 defaultActiveKeys 属性设置默认展开的面板。

正在加载组件...
code

手风琴模式

通过 accordion 属性设置手风琴模式,每次只能展开一个面板。

正在加载组件...
code

禁用状态

通过 disabled 属性禁用某个面板。

正在加载组件...
code

FAQ 场景

使用折叠面板展示常见问题解答。

正在加载组件...
code

API

Collapse

参数说明类型默认值
accordion是否为手风琴模式(每次只能展开一个)booleanfalse
defaultActiveKeys默认展开的项目 key 数组string[][]
children子元素ReactNode-

CollapseItem

参数说明类型默认值
itemKey唯一标识string-
title标题ReactNode-
disabled是否禁用booleanfalse
children子元素(正文内容)ReactNode-