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.
Menu #
One of the interesting ways to use the component is a collapsing menu.
See example with VaSidebarItem
Accessibility #
Expand/collapse of accordion item in focus is dependent on multiple
prop, for other accessability information see VaCollapse accessibility section.
API #
Props #
Name | Description | Types | Default |
---|---|---|---|
inset | Collapse becomes smaller when activated |
|
|
modelValue | 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:modelValue | The event is triggered when the component needs to change the model. Is also used by |
Slots #
Name | Description |
---|---|
default | Contains collapses |