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 |