VCollapse

Vuero provides 2 collapse component variations: <VCollapse /> and <VCollapse with-chevron />.
There are 2 available variations that you can use to change the collapse header icon. Pass an Array to the items props to render the chosen collapse component. Check markup for more details.

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 ...

<VCollapse> Props

Name	Default	Type
:item-open
:items
:with-chevron

<VCollapse> Slots

Name	Type
#collapse-item
#collapse-item-content
#collapse-item-head
#collapse-item-summary

<VCollapseModel> Props

Name	Default	Type
:items required
:model-value
:with-chevron

<VCollapseModel> Events

Name	Type
@update:model-value

<VCollapseModel> Slots

Name	Type
#collapse-item
#collapse-item-content
#collapse-item-summary

Components

Notifications

VCollapse

Accordion Item 1

Accordion Item 2

Accordion Item 3

Accordion Item 1

Accordion Item 2

Accordion Item 3

<VCollapse> Props

<VCollapse> Slots

<VCollapseModel> Props

<VCollapseModel> Events

<VCollapseModel> Slots