Accordion
Overview
When to use
The accordion element could be used to structure a large amount of content for a clear view. The content has to be able to summarize and reflected by an expressive statement that enables the user to understand what the hidden content contains.
When to consider an alternative
If the content needs to have a more emotional character and should not be hidden.
Component
Default
Examples
Properties
Accordion
| Property | Type | Required | Default |
|---|---|---|---|
| block | String | false | - |
| labelClosed | String | false | Show details |
| labelOpen | String | false | Hide details |
| children | Node | false | - |
| utilClassNames | String | false | - |
Accordion.Item
| Property | Type | Required | Default |
|---|---|---|---|
| title | String | false | - |
| children | Node | false | - |
| subTitle | String | false | - |
| id | String | true | - |
| utilClassNames | String | false | - |