Overlays
Popover
A lightweight surface anchored to its trigger, for a small form or a snippet of contextual content. Unlike a tooltip it can hold interactive controls.
Purpose
Use a Popover when the content is interactive but too small to deserve a
Dialog. For non-interactive hints use
Tooltip instead — a tooltip cannot hold focusable controls.
Inline form
Accessibility & keyboard
- Focus moves into the popover on open and returns to the trigger on close.
- Keyboard: Esc closes; Tab cycles within the content.
Every Popover part and prop in Storybook
SheetDraft
A panel that slides in from any edge of the screen — filters, detail views and secondary forms. Use it when the person still needs the context of the page behind.
Dropdown menuDraft
A list of actions triggered from a button. Group related items under a label, separate groups with a rule, and mark irreversible actions as destructive.