<!-- AUTO-GENERATED by packages/components/bin/generate-skill-component-catalog.js. Do not edit by hand. -->

# r-accordion-section

A single expandable section within an `r-accordion`, wrapping `r-accordion-trigger` and `r-accordion-panel`. Controls expanded/collapsed state and communicates with the parent accordion.

Example:
```
<r-accordion>
  <r-accordion-section>
    <r-accordion-trigger>Section title</r-accordion-trigger>
    <r-accordion-panel>Section content goes here.</r-accordion-panel>
  </r-accordion-section>
</r-accordion>
```

## class: `RAccordionSection`, `r-accordion-section`

### Fields

| Name               | Privacy | Type      | Default | Description                                       | Inherited From |
| ------------------ | ------- | --------- | ------- | ------------------------------------------------- | -------------- |
| `disabled`         |         | `boolean` |         | Indicates if `<r-accordion-section>` is disabled  |                |
| `expanded`         |         | `boolean` |         | Indicates if `<r-accordion-expanded>` is expanded |                |
| `headingAriaLevel` |         | `number`  | `2`     | Defines heading level for accordion header        |                |

### Events

| Name              | Type                                                                         | Description           | Inherited From |
| ----------------- | ---------------------------------------------------------------------------- | --------------------- | -------------- |
| `rChangeExpanded` | `CustomEvent<{ element: HTMLRAccordionSectionElement; expanded: boolean; }>` | Emit click on trigger |                |

### Attributes

| Name                 | Field            | Inherited From |
| -------------------- | ---------------- | -------------- |
| `disabled`           | disabled         |                |
| `expanded`           | expanded         |                |
| `heading-aria-level` | headingAriaLevel |                |

### Slots

| Name                | Description                                                                                         |
| ------------------- | --------------------------------------------------------------------------------------------------- |
| `accordion-panel`   | r-accordion-panel element must be placed in this slot to be recognized as panel of the section.     |
| `accordion-trigger` | r-accordion-trigger element must be placed in this slot to be recognized as trigger of the section. |

<hr/>

## Exports

| Kind                        | Name                  | Declaration       | Module | Package |
| --------------------------- | --------------------- | ----------------- | ------ | ------- |
| `js`                        | `RAccordionSection`   | RAccordionSection |        |         |
| `custom-element-definition` | `r-accordion-section` | RAccordionSection |        |         |
