Accordion
#

Allows you to control group of collapses.

Examples
#

Default
#

Default usage of the va-accordion component.

Open in GitHub

Multiple
#

Accordion component allows you to select multiple collapses.

Open in GitHub

Inset
#

Active collapse component becomes smaller.

Open in GitHub

Popout
#

Active collapse component becomes bigger.

Open in GitHub

Flat
#

Open in GitHub

Menu
#

One of the interesting ways to use the component is a collapsing menu.

Open in GitHub

API
#

Props #

NameDescriptionTypesDefault
inset

Boolean

false

modelValue

Array

[]

multiple

Boolean

false

popout

Boolean

false

preset

String

-

stateful

Boolean

false

Events #

NameDescription

update:modelValue

The event is triggered when the component needs to change the model. Is also used by v-model

Slots #

NameDescription

default

Contains collapses