VAccordion
VAccordion
Vuero provides 2 accordion components with enough styling to be able to use them out of the box: <VAccordion /> and <VCollapse />. In the simple accordion, each item can be openened separately, whereas in the exclusive accordion, only one item can be expanded at a time. Pass an Array to the items props to render the accordion.
Accordion Item 1
Sed ut perspiciatis unde omnis iste ...
Accordion Item 2
Sed ut perspiciatis unde omnis iste ...
Accordion Item 3
Sed ut perspiciatis unde omnis iste ...
Accordion Item 1
Sed ut perspiciatis unde omnis iste ...
Accordion Item 2
Sed ut perspiciatis unde omnis iste ...
Accordion Item 3
Sed ut perspiciatis unde omnis iste ...
VAccordion Props
Here is the full props available for <VAccordion /> component:
| Props | Default | Type |
|---|---|---|
| items required | null | Array<{ title: string content: string}> |
| itemOpen | undefined | number |
| exclusive | false | boolean |
VAccordionImage Slots
Here is the full slots available for <VAccordionImage /> component:
| Slot | Properties | Description |
|---|---|---|
| #accordion-item | <{ item: any, index: number, toggle: (index) => void,}> | The full accordion item content |
| #accordion-item-summary | <{ item: any, index: number, toggle: (index) => void,}> | The accordion item summary content |
| #accordion-item-content | <{ item: any, index: number, toggle: (index) => void,}> | The accordion item content content |