Collapse折叠面板
基础用法
显示边框
使用 border
来控制是否显示边框
设置图标
使用 icon
来设置需要显示的图标
可选值有
plus
arrow
默认样式与激活样式
通过设置 default
与 active
来设置默认样式与激活样式:本质就是控制背景色和文字颜色
默认样式和激活样式可选值为
primary
secondary
info
accent
neutral
IMPORTANT
为了美观,当设置了样式之后,border不再显示
同时激活状态只建议存在一条折叠信息的时候使用
设置默认打开子项
default-open
设置默认打开项,如有多个后者覆盖前者
此时默认打开的第二个
API
Attributes
Collapse
属性值 | 说明 | 类型 | 具体类型 | 默认值 |
---|---|---|---|---|
title | Collapse显示的文字 | 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 | 显示文字 |