Accordion #
Allows you to control group of collapses.
Examples #
Default #
Default usage of the va-accordion component.
Multiple #
Accordion component allows you to select multiple collapses.
Inset #
Active collapse component becomes smaller.
Popout #
Active collapse component becomes bigger.
Flat #
Menu #
One of the interesting ways to use the component is a collapsing menu.
API #
Props #
| Name | Description | Types | Default |
|---|---|---|---|
| inset | Collapse becomes smaller when activated |
|
|
| model-value | The value of the |
|
|
| multiple | Allows to expand multiple components |
|
|
| popout | Collapse becomes bigger when activated |
|
|
| preset | Named preset combination of component props. |
| - |
| stateful | Add possibility to work with component without setting |
|
|
Events #
| Name | Description |
|---|---|
update-model-value | The event is triggered when the component needs to change the model. Is also used by |
Slots #
| Name | Description |
|---|---|
default | Contains collapses |