手风琴组件用于展示可折叠的内容面板,常见于 FAQ、设置页面、内容分组等场景。
默认单选模式,同一时间只能展开一项。设置 multiple 为 true 可开启多选模式,允许多项同时展开。
通过 expandIcon 属性控制展开图标类型:
'arrow':箭头图标(默认),展开时旋转 90 度'plus':加号图标,展开时旋转 45 度变成叉号null:不显示展开图标通过 iconPosition 属性控制展开图标位置,可选 'left' 或 'right'(默认)。
默认显示分割线,设置 divider 为 false 可隐藏分割线。
在 items 数组中设置 disabled 为 true 可禁用某项,禁用项无法展开/折叠。
通过 children Snippet 可自定义内容区域的渲染,Snippet 接收当前项数据和索引作为参数。
通过 injClass 参数可以向组件外层容器注入 CSS 名称,titleClass 和 contentClass 分别用于标题和内容区域。
若注入的 class 没生效,请在注入的 class 名称前添加"!",可参考 Tailwind Important modifier。