Overlays · Application UI
Popover
A floating popover panel built on Base UI that renders anchored content next to a trigger element with configurable side and alignment positioning.
Feature showcase
Installation
Features
6 examples
Default, Controlled, Menu Like, Placement, Rich Content, With Form.
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | - | Controlled open state of the popover. |
| onOpenChange | (open: boolean) => void | - | Callback fired when the open state changes. |
| defaultOpen | boolean | - | Initial open state for uncontrolled usage. |
Source and related
| File | Path |
|---|---|
| Component | registry/ui/popover.tsx |
| Default example | content/examples/popover/default.tsx |
| Controlled example | content/examples/popover/controlled.tsx |
| Menu Like example | content/examples/popover/menu-like.tsx |
| Placement example | content/examples/popover/placement.tsx |
| Rich Content example | content/examples/popover/rich-content.tsx |
| With Form example | content/examples/popover/with-form.tsx |