# r-accordion-trigger
The clickable header button that controls an accordion panel's expanded or collapsed state. Must be placed in the `accordion-trigger` slot of `r-accordion-section`.
Example:
```
Section title
Section content goes here.
```
## class: `RAccordionTrigger`, `r-accordion-trigger`
### Fields
| Name | Privacy | Type | Default | Description | Inherited From |
| ---------- | ------- | --------- | ------- | --------------------------------------------------------- | -------------- |
| `disabled` | | `boolean` | | Controls disabled state | |
| `expanded` | | `boolean` | | Indication of the controlled panel revelation. | |
| `panel` | | `string` | | Id of the panel this trigger controls. | |
| `splitted` | | `boolean` | | Controls if expanded and collapsed icons are not the same | |
### Events
| Name | Type | Description | Inherited From |
| --------------- | --------------------------------------------------------------------------------------------- | --------------------- | -------------- |
| `rClickTrigger` | `CustomEvent<{ element: HTMLRAccordionTriggerElement; panelId: string; expanded: boolean; }>` | Emit click on trigger | |
| `rKeyupTrigger` | `CustomEvent<{ element: HTMLRAccordionTriggerElement; panelId: string; expanded: boolean; }>` | Emit keyup on trigger | |
### Attributes
| Name | Field | Inherited From |
| ---------- | -------- | -------------- |
| `disabled` | disabled | |
| `expanded` | expanded | |
| `panel` | panel | |
| `splitted` | splitted | |
### Slots
| Name | Description |
| -------------- | ---------------------------------- |
| | Trigger label text |
| `icon` | Override icon on the trailing side |
| `leading-icon` | Icon placed before the label |
## Exports
| Kind | Name | Declaration | Module | Package |
| --------------------------- | --------------------- | ----------------- | ------ | ------- |
| `js` | `RAccordionTrigger` | RAccordionTrigger | | |
| `custom-element-definition` | `r-accordion-trigger` | RAccordionTrigger | | |