Overlays · §10.3
Popover
Explanations and small forms anchored to a control.
Code
<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