Skip to content

Collapse折叠面板

基础用法

显示边框

使用 border 来控制是否显示边框

设置图标

使用 icon 来设置需要显示的图标

可选值有 plus arrow

默认样式与激活样式

通过设置 defaultactive 来设置默认样式与激活样式:本质就是控制背景色文字颜色

默认样式和激活样式可选值为 primary secondary info accent neutral

IMPORTANT

为了美观,当设置了样式之后,border不再显示

同时激活状态只建议存在一条折叠信息的时候使用

设置默认打开子项

default-open 设置默认打开项,如有多个后者覆盖前者

此时默认打开的第二个

API

Attributes

Collapse

属性值说明类型具体类型默认值
titleCollapse显示的文字string--
border是否展示边框boolean-false
icon显式的图标enum['plus','arrow']'arrow'
default未激活样式enum['primary','secondary','info','accent','info']-
active激活样式enum['primary','secondary','info','accent','info']-

CollapseItem

属性值说明类型具体类型默认值
default-open是否为打开子项boolean--

Slots

Collapse

插槽名说明
default填充CollapseItem列表

CollapseItem

插槽名说明
default显示文字