Accordion #
Allows you to control group of collapses.
Examples #
Default #
Default usage of the va-accordion
component.
First collapse
expand_moreSecond collapse
expand_moreThird collapse
expand_moreMultiple #
Accordion component allows you to select multiple collapses.
First collapse
expand_moreSecond collapse
expand_moreThird collapse
expand_moreInset #
Active collapse component becomes smaller.
First collapse
expand_moreSecond collapse
expand_moreThird collapse
expand_morePopout #
Active collapse component becomes bigger.
First collapse
expand_moreSecond collapse
expand_moreThird collapse
expand_moreFlat #
First section
expand_moreSection A
expand_moreSection B
expand_moreLast section
expand_moreMenu #
One of the interesting ways to use the component is a collapsing menu.
UI Elements
expand_moreServices
expand_moreStyles
expand_moreAPI #
Props #
Name | Description | Types | Default |
---|---|---|---|
inset |
|
| |
modelValue |
|
| |
multiple |
|
| |
popout |
|
| |
preset |
| - | |
stateful |
|
|
Events #
Name | Description |
---|---|
update:modelValue | The event is triggered when the component needs to change the model. Is also used by |
Slots #
Name | Description |
---|---|
default | Contains collapses |