# Collapse 折叠面板

## 何时使用
这里需要一段文本来描述此组件何时使用


### 基本使用
可同时展开多个面板，面板之间不影响

@[demo](demo/basic.vue)


### 手风琴
每次只能展开一个面板

@[demo](demo/accordion.vue)

### 粘性固定
需要配合 maxHeight 设置滚动条使用

@[demo](demo/sticky.vue)


### Collapse Attributes
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| value | 当前激活面板的 name , 可以使用 v-model 双向绑定 | array/string | - |
| accordion | 是否开启手风琴模式，开启后每次至多展开一个面板 | boolean | false |
| sticky | 是否开启粘性固定模式，需要配合滚动条使用 | boolean | false |
| max-height | 最大高度 | number | auto |


### Collapse Events
| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
| change | 切换面板时触发，返回当前已展开的面板的 name，格式为数组 | [] |


### Collapse Item Attributes
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| name | 当前激活面板的 name , 与 Collapse的value对应，不填为索引值 | string | index |
| title | 面板标题 | string | - |
| disabled | 禁用后的面板展开与否将无法通过用户交互改变 | boolean | false |
| show-arrow | 隐藏箭头 | boolean | false |


### Collapse Item Slots
| name | 说明 | slot-scope |
| --- | --- | --- |
| default | 自定义面板内容 | - |
| title | 自定义面板标题 | - |
| icon | 自定义面板图标 | - |