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

# r-popover-action

Action button area rendered at the bottom of an `r-popover`. Place in the `action` slot of `r-popover`.

Example
```
<r-popover>
  <r-popover-action>
    <r-button variant="primary">Confirm</r-button>
    <r-button variant="secondary">Cancel</r-button>
  </r-popover-action>
</r-popover>
```

## class: `RPopoverAction`, `r-popover-action`

### Methods

| Name                | Privacy | Description                                                             | Parameters | Return                   | Inherited From |
| ------------------- | ------- | ----------------------------------------------------------------------- | ---------- | ------------------------ | -------------- |
| `getActiveElements` |         | Get all focusable elements within the popover content                   |            | `Promise<HTMLElement[]>` |                |
| `setBlur`           |         | Remove focus from the first focusable element within the popover action |            | `Promise<void>`          |                |
| `setFocus`          |         | Set focus on the first focusable element within the popover action      |            | `Promise<any>`           |                |

### Slots

| Name | Description                                                             |
| ---- | ----------------------------------------------------------------------- |
|      | Action buttons (e.g. `r-button`) displayed at the bottom of the popover |

<hr/>

## Exports

| Kind                        | Name               | Declaration    | Module | Package |
| --------------------------- | ------------------ | -------------- | ------ | ------- |
| `js`                        | `RPopoverAction`   | RPopoverAction |        |         |
| `custom-element-definition` | `r-popover-action` | RPopoverAction |        |         |
