# r-accordion An accordion represents a list of expandable/collapsable content sections with corresponding headers. By default, only one section can be expanded, which can be changed by setting the `multiple` attribute. Use accordions when a limited, additional amount of information needs to be shown within a page, or if there is a small space to show content. Each content section must be wrapped in a `` elements. Example: ``` Section title Section content goes here. ``` ## class: `RAccordion`, `r-accordion` ### Fields | Name | Privacy | Type | Default | Description | Inherited From | | ---------- | ------- | ------------ | ------- | ---------------------------------------------------------------- | -------------- | | `multiple` | | `boolean` | | Whether to allow multiple accordion items to be expanded at once | | | `size` | | `"l" \| "s"` | `'l'` | Defines the size of an accordion UI. | | ### Attributes | Name | Field | Inherited From | | ---------- | -------- | -------------- | | `multiple` | multiple | | | `size` | size | | ### Slots | Name | Description | | ---- | ------------------------------------------------------------------------------------------------- | | | The default slot is used to add `r-accordion-section` items as content sections of the accordion. |

---

## Exports | Kind | Name | Declaration | Module | Package | | --------------------------- | ------------- | ----------- | ------ | ------- | | `js` | `RAccordion` | RAccordion | | | | `custom-element-definition` | `r-accordion` | RAccordion | | |