Actions and overlays

Popover

components/ui/popover

A panel anchored to its trigger, for options and filters.

Craft notes

Anchored to its trigger; opens with a rising puff and settles back on close
Escape or a click outside closes it and returns focus to the trigger
Moves focus to its first control as it opens

Play it

Open Filters, flip both switches and press Apply. Then do it again with only the keyboard.

Sounds: popover, toggle

Variants

Every prop combination the component supports. The chip on each card is the exact props it passes.

Start aligned
align="start"
Opens from the trigger's left edge.
View options
Hidden files
Compact rows
End aligned
align="end"
Opens from the right edge, for triggers near the end of a toolbar.
View options
Hidden files
Compact rows