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

NameDescriptionTypeDefault
model-value / v-modelcurrently active panel, the type is string in accordion mode, otherwise it is arraystring / array[]
accordionwhether to activate accordion modebooleanfalse

Collapse Events

NameDescriptionType
changetriggers when active panels change, the parameter type is string in accordion mode, otherwise it is arrayFunction

Collapse Slots

NameDescriptionSubtags
defaultcustomize default contentCollapse Item

Collapse Item API

Collapse Item Attributes

NameDescriptionTypeDefault
nameunique identification of the panelstring / number
titletitle of the panelstring''
disableddisable the collapse itembooleanfalse

Collapse Item Slot

NameDescription
defaultcontent of Collapse Item
titlecontent of Collapse Item title

Source

ComponentDocs

Contributors