Accordion
Component name: <v-acccordion-group> + <v-acccordion>
Accordions are useful when you want to toggle between hiding and showing large amount of content
Examples
Basic
Open state
Standalone
Large
Load data asynchronously
Components
v-accordion-group
Wrapper component for accordions.
API
| Name | Type | Description | Default |
|---|---|---|---|
| large | Boolean | Used to enable the large accordion style | false |
v-accordion
API
| Name | Type | Description | Default |
|---|---|---|---|
| title | String | Set the title of the accordion header | - |
| open | Boolean | Whether or not the accordion should start opened | false |
| slot:tags | Slot | Use this slot to add v-tag components. Only supported by the large accordion style | - |
Notice
All other properties that are not defined above, will be passed to the component as html attributes. This is especially useful for adding the class attribute.
Scoped Slot
For managing state, we're exposing an object using Scoped slots.
This object contains the following:
| Name | Type | Description |
|---|---|---|
| open | Boolean | Indicates wether or not the accordion is open. |
| opened | Boolean | Indicates wether or not the accordion has been opened once. |