Popover

Navigation

Floating popover with arrow indicator, click-to-toggle, click-outside-to-close, and AnimatePresence entrance animation.

Loading preview...

Customize

Side:

Align:

Props

Prop	Type	Default	Description
`trigger`	`React.ReactNode`	`—`	The element that toggles the popover on click.
`children`	`React.ReactNode`	`—`	Content rendered inside the popover.
`side`	`'top' \| 'bottom' \| 'left' \| 'right'`	`'bottom'`	Which side of the trigger the popover appears on.
`align`	`'start' \| 'center' \| 'end'`	`'center'`	Alignment of the popover relative to the trigger.
`className`	`string`	`''`	Additional CSS classes.