Skip to content

EnAccordion

Preview

Props

NameDescriptionDefaultControl
title

Title text for the accordion/expander.

string
unknown
content

The content of the accordion/expander.

string
unknown
initialOpen

Whether the accordion/expander is defaulted to open on mount.

boolean
true
open

Controls the state of the accordion from outside the component.

boolean
true
qaId

Id that can be set for automation selectors.

string
""

Slots

heading

Change content within the heading. This renders inside an anchor tag.

Variables
NameTypeDescription
openboolean

Indicates if accordion is open or closed.

body

Used to render html content within the accordion body.

Events

update:open

Model binding for the open prop. Allows use of v-model:open.

Payload
NameTypeDescription
valueboolean

New open state.

open

Emitted when the accordion is opened.

close

Emitted when the accordion is closed.

Methods

No methods defined.

Examples

Slots

Using v-model