Skip to content

Popover

const Popover: React.FC<PopoverProps>

Defined in: src/components/primitives/Popover/Popover.tsx:62

Popover component — a floating content container for interactive content anchored to a trigger element.

Uses @floating-ui/react for robust positioning with collision detection, flip/shift behavior, and scroll-aware auto-updating.

Example

<Popover>
<PopoverTrigger>
<Button>Open</Button>
</PopoverTrigger>
<PopoverContent>
<p>Popover content</p>
</PopoverContent>
</Popover>