1# Popover
2 
3A non-modal dialog that floats around a trigger element.
4 
5> Based on [Reka UI Popover](https://reka-ui.com/docs/components/hover-card)
6 
7## Key Props
8 
9- `mode`: to change the mode of the Popover.
10- `content`: to control how the Popover content is rendered, like its `align` or `side` for example.
11- `arrow`: to display an arrow on the Popover.
12- `modal`: to control whether the Popover blocks interaction with outside content.
13- `dismissible`: to control whether the Popover is dismissible when clicking outside of it or pressing escape.
14 
15## Usage
16 
17```vue
18<UPopover
19  <!-- props here -->
20/>
21```
22 
23## Slots
24 
25- `#content`
26