nav: path: /components group: title: 信息展示 order: 8

toc: 'content'

Collapse 折叠面板

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

何时使用

对复杂区域进行分组和隐藏，保持页面的整洁。
手风琴是一种特殊的折叠面板，只允许单个内容区域展开。

代码示例

基本使用

手风琴

控制

带 Checkbox

更多自定义

API

属性	说明	类型	默认值
accordion	是否是手风琴模式，仅一个内容被展开	boolean	false
className	类名	string	-
content	内容区插槽，接收 value、index	slot	-
current	当前展开的索引	number[]	-
defaultCurrent	当前展开的默认索引	number[]	[]
items	折叠面板列表	CollapseItem[]	[]
style	样式	string	-
title	标题插槽，接收 value、index	slot	-
onChange	切换面板的回调	(current: number[], e: Event) => void

CollapseItem

属性	说明	类型	默认值
content	内容	string	-
disabled	是否禁用	boolean	false
title	标题	string	-