Overlays
Dialog, Sheet, Popover — layered surfaces and focus traps.
Primitives · fixture-only
Dialog for focused tasks
Dialog for create/edit flows and multi-step confirms — traps focus until dismissed.
Workshop: Object create, record edit, settings sub-forms.
Avoid: Dialog for read-only content — use Sheet or inline expansion.
Fixture data only — behaviour matches production chrome
Sheet for inspectors
Sheet slides from edge for contextual detail without leaving the parent view.
Workshop: Mobile nav drawers, record inspector panels, filter panels.
Fixture data only — behaviour matches production chrome
Dialog
Modal surface with focus trap — primary overlay for forms and confirms.
Popover
Anchored floating surface for filters and pickers.
Sheet
Edge-attached panel for mobile drawers and inspectors.
Modal (deprecated)
Prefer Dialog for new work.
Tabs
Section switching within a surface — not page navigation.
tabs-namespace
Overview panel — record summary and key fields.