Components/Popover

Popover

Floating panel anchored to a trigger element. Useful for forms, settings, or context info.

Installation

npx ajaxui add popover

Render the content on a different side relative to the trigger.

Anatomy

<Popover>                  // open state owner
  <PopoverTrigger asChild/>
  <PopoverContent/>          // floating panel
</Popover>

Prop	Type	Default	Description
open	boolean	—	—
defaultOpen	boolean	—	—
onOpenChange	(open: boolean) => void	—	—
side	"top" \| "bottom" \| "left" \| "right"	"bottom"	Side of the trigger to render the content on.
align	"start" \| "center" \| "end"	"center"	—
sideOffset	number	8	—