Skip to content

Collapse 折叠面板

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

示例

可访问性

每个面板标题使用原生 button,并通过 aria-expandedaria-controls 关联展开内容。展开后的内容区域会以 region 暴露,并通过标题按钮命名。

API

属性说明类型默认值
items面板项CollapseItem[]-
activeKey展开的 key 列表string[]-
defaultActiveKey默认展开的 key 列表string[][]
accordion手风琴模式booleanfalse
onChange变化回调(activeKey: string[]) => void-

CollapseItem

属性说明类型默认值
key面板唯一标识string-
title面板标题ReactNode-
content面板内容ReactNode-
disabled禁用面板booleanfalse