Accordion
1. What does the component do?
- It is used for structuring content into various sub-groups.
2. When should the component be used?
- When clear sub-groups can be created within the content.
- When the sub-groups provide the user with additional information on the main content.
- The main use element of the content should not be packed in an accordion.
3. Rules
- An accordion can have 1 to n entries.
- All accordions are always closed by default.
- The accordion header always consists of a text title.
- The title may be a maximum of two lines.
- Icons in the title are not permitted.
- The entire area of the accordion header is clickable and opens/closes the accordion.
- Several or all entries can be opened at the same time. Alternatively, the ‘only one accordion expanded’ function can be used.
- An accordion module within an accordion entry is not permitted.
4. Variants and statuses
The component has the following statuses:
- Collapsed
- Expanded
4.1 Standard
