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

Collapse becomes smaller when activated

Boolean

false

model-value

The value of the v-model bindings.

Array

[]

multiple

Allows to expand multiple components

Boolean

false

popout

Collapse becomes bigger when activated

Boolean

false

preset

Named preset combination of component props.

String

-

stateful

Add possibility to work with component without setting v-model.

Boolean

false

Events #

NameDescription

update-model-value

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

Slots #

NameDescription

default

Contains collapses