{% wip %}

# Accordion

## Demo

{% demo 'Accordion', 'accordionDemo', demos.accordionDemo, component.brand %}

## 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](https://github.com/springernature/elements).

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

```bash
npm install @springernature/elements
```

### Styles

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

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

### Configuration

To view the configurations for this component, [go to the schema](https://github.com/springernature/elements/blob/main/components/eds-c-accordion/data/eds-c-accordion.schema.json).

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

```json
"liveRegion": "true"
```
