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

# r-popover-content

Body content area inside an `r-popover`. Place in the `content` slot of `r-popover`.

Example
```
<r-popover>
  <r-popover-content>
    Here is some additional context or information.
  </r-popover-content>
</r-popover>
```

## class: `RPopoverContent`, `r-popover-content`

### 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 content |            | `Promise<void>`          |                |
| `setFocus`          |         | Set focus on the first focusable element within the popover content      |            | `Promise<any>`           |                |

### Slots

| Name | Description                               |
| ---- | ----------------------------------------- |
|      | Body content displayed inside the popover |

<hr/>

## Exports

| Kind                        | Name                | Declaration     | Module | Package |
| --------------------------- | ------------------- | --------------- | ------ | ------- |
| `js`                        | `RPopoverContent`   | RPopoverContent |        |         |
| `custom-element-definition` | `r-popover-content` | RPopoverContent |        |         |
