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.

API reference

Popover wraps Base UI Popover. Use the Base UI API reference for controlled state, hover behavior, detached triggers, portal behavior, and positioning props.