Skip to content
RivetUI

Popover

Displays an interactive, collision-aware surface anchored to a trigger.

@rivetui/popover

Preview

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/popover
Inspect registry item

Public interface

API reference

Component-specific props are listed here. Native element and Base UI props continue to pass through.

Popover

PropTypeDefault
openboolean—
defaultOpenbooleanfalse
onOpenChange(open: boolean, details) => void—

PopoverContent

PropTypeDefault
side"top" | "right" | "bottom" | "left""bottom"
align"start" | "center" | "end""center"
sideOffsetnumber8
Rivet UI / PopoverComponents engineered, not decorated.