skip to content

Accordion

Demo

<section class="l-stack">
    {{#with eds-c-accordion}}
        {{> eds-c-accordion}}
    {{/with}}
</section>

When to use this component

When not to use this component

How it works

Installation

To install the components, go to the get started guide for developers.

To use the Accordion component, enter the following command in your Terminal:

npm install @springernature/elements

Styles

Import the styles of the Status message component into your scss file:

@import '../path/to/@springernature/elements/components/eds-c-accordion';

Configuration

To view the configurations for this component, go to the schema.

Live region

If your status message appears or changes based on JavaScript events, then you need to use ARIA live region. This means that screen readers will announce the message when it appears or changes.

"liveRegion": "true"

Help improve this page

If you’ve got a question, idea or suggestion about how to improve this component or guidance, post in the #ask-elements Slack channel.