Collapse
Use Collapse to store contents.
Basic usage
You can expand multiple panels
Accordion
In accordion mode, only one panel can be expanded at once
Custom title
Besides using the title attribute, you can customize panel title with named slots, which makes adding custom content, e.g. icons, possible.
Collapse API
Collapse Attributes
| Name | Description | Type | Default |
|---|---|---|---|
| model-value / v-model | currently active panel, the type is string in accordion mode, otherwise it is array | string / array | [] |
| accordion | whether to activate accordion mode | boolean | false |
Collapse Events
| Name | Description | Type |
|---|---|---|
| change | triggers when active panels change, the parameter type is string in accordion mode, otherwise it is array | Function |
Collapse Slots
| Name | Description | Subtags |
|---|---|---|
| default | customize default content | Collapse Item |
Collapse Item API
Collapse Item Attributes
| Name | Description | Type | Default |
|---|---|---|---|
| name | unique identification of the panel | string / number | — |
| title | title of the panel | string | '' |
| disabled | disable the collapse item | boolean | false |
Collapse Item Slot
| Name | Description |
|---|---|
| default | content of Collapse Item |
| title | content of Collapse Item title |
Jeremy
三咲智子
云游君
qiang
btea
Karolis_Stoncius_Sneakybox
Delyan Haralanov
bqy
C.Y.Kun
wzc520pyfm
King
류한경
Alan Wang
Aex
msidolphin
on the field of hope
Hades-li