Popover

A floating popover panel built on Base UI that renders anchored content next to a trigger element with configurable side and alignment positioning.

Default
Controlled

State: closed

Menu Like
Placement

Side

Align (side=bottom)

Side offset

Rich Content
With Form

Installation

npx shadcn@latest add @byronwade/popover

Props

PropTypeDefaultDescription
openbooleanControlled open state of the popover.
onOpenChange(open: boolean) => voidCallback fired when the open state changes.
defaultOpenbooleanInitial open state for uncontrolled usage.