Components / Popover

Popover

Rich click-triggered overlay for contextual controls and compact forms.

Basic Popover

Click the trigger to open and interact with the content.

Top Aligned

Use top alignment for triggers near viewport bottom.

Popover API

Prop / EventTypeDefaultDescription
alignstring'bottom-start'Controls the alignment and placement of the popover relative to the trigger. One of 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end'.
ariaLabelstring'Popover'Accessibility label for the popover dialog.