- Docs
- Components
- Popover
Popover
Displays rich content in a portal, triggered by a button.
Preview
Code
Installation
CLI
Manual
Anatomy
Single import
Multiple imports
Examples
With Arrow
Preview
Code
API Reference
Popover.Root
| Prop | Type | Default |
|---|---|---|
children | ReactNode | |
isOpen | boolean | |
defaultOpen | boolean | |
onOpenChange | function |
Popover.Content
| Prop | Type | Default |
|---|---|---|
children | ReactNode | |
placement | Placement | "bottom start" |
offset | number | 4 |
crossOffset | number | 0 |
containerPadding | number | 12 |
shouldFlip | boolean | true |
isNonModal | boolean | |
isKeyboardDismissDisabled | boolean |
Popover.Arrow
| Prop | Type | Default |
|---|---|---|
children | ReactNode | |
className | string |