Skip to content

VAccordionItem

Props

NameTypeDescription
appearanceEnum:
ghost
filled
ghost-light
The appearance the button should have.
expandedbooleanExpands or collapses the item.
headingstring
heading-levelEnum:
1
2
3
4
5
6
Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level
iconEnum:
10-sec-backward-line
10-sec-backward-solid
10-sec-forward-line
10-sec-forward-solid
30-sec-backward-line
30-sec-backward-solid
30-sec-forward-line
30-sec-forward-solid
5-sec-backward-line
5-sec-backward-solid
5-sec-forward-line
5-sec-forward-solid
... 1268 more ...
A decorative icon the custom element should have. See the Vivid Icon Gallery for available icons and icon-names See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
icon-trailingbooleanIndicates the icon affix alignment.
idstringThe item ID
metastring
no-indicatorbooleanIndicates whether the accordion-item has indicator
sizeEnum:
condensed
normal
The size the accordion-item should have.

Events

NameEvent TypeDescription
changeCustomEvent<undefined>Fires a custom 'change' event when the button is invoked

Slots

NameDescription
defaultDefault slot.
headingUsed to add content to the heading.
iconThe preferred way to add an icon to the component.
metaUsed to add additional content to the heading.