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  |