Welcome
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
Accordion Item 2
Accordion Item 3
Accordion Item 1
Accordion Item 2
Accordion Item 3
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 |