# Popover

A non-modal dialog that floats around a trigger element.

> Based on [Reka UI Popover](https://reka-ui.com/docs/components/hover-card)

## Key Props

- `mode`: to change the mode of the Popover.
- `content`: to control how the Popover content is rendered, like its `align` or `side` for example.
- `arrow`: to display an arrow on the Popover.
- `modal`: to control whether the Popover blocks interaction with outside content.
- `dismissible`: to control whether the Popover is dismissible when clicking outside of it or pressing escape.

## Usage

```vue
<UPopover
  <!-- props here -->
/>
```

## Slots

- `#content`