Popover
Displays an interactive, collision-aware surface anchored to a trigger.
@rivetui/popoverPreview
Explore each composition interactively, then open its code in the same context.
Default
Deployment / production
api.rivet.run
Configure the public alias without leaving the current context.
Placement
Composition
Use trapped focus only when completing the popover task requires uninterrupted keyboard navigation.
Registry
Installation
Add the component source and its declared dependencies with the shadcn CLI.
Install component
bunx --bun shadcn@latest add @rivetui/popoverPublic interface
API reference
Component-specific props are listed here. Native element and Base UI props continue to pass through.
Popover
| Prop | Type | Default |
|---|---|---|
open | boolean | — |
defaultOpen | boolean | false |
onOpenChange | (open: boolean, details) => void | — |
PopoverContent
| Prop | Type | Default |
|---|---|---|
side | "top" | "right" | "bottom" | "left" | "bottom" |
align | "start" | "center" | "end" | "center" |
sideOffset | number | 8 |