Popover

Popovers reveal contextual content close to a trigger without fully interrupting the current flow. They work well for quick settings, lightweight explanations, and compact supporting UI.

Basic Usage

Use a trigger plus content container for the most common contextual popover pattern.

Placement

Position the popover on the side that best matches the surrounding control.

Form Content

Use compact form controls when the interaction should stay close to the trigger.

With Arrow

withArrow draws a floating-ui arrow aimed at the trigger. Works with any placement.