Popover

A floating panel that appears on click, anchored to a trigger element. Supports 12 placement options, controlled and uncontrolled modes, and dismisses on click-outside or Escape.

Default

A basic popover triggered by a button click.

Placements

Use the placement prop on PopoverContent to control positioning. Supports 12 placements including start/end variants.

Controlled

Manage open state externally with open and onOpenChange.

State: closed