Overlays · §10.3

Popover

Explanations and small forms anchored to a control.

Theme
Contrast
Language
Motion
Text size
<Popover><PopoverTrigger>…</PopoverTrigger><PopoverContent>…</PopoverContent></Popover>

Accessibility

  • Opens on click, closes on Escape and outside click; labelled by its title.

Usage

Do

  • Small explanations and quick forms.

Don't

  • Never the only path to an action.

Platforms

Web
apps/web/components/ui/popover.tsx
iOS
SwiftUI .popover
Android
Compose Popup