Modals & dialogs

Blocking decisions, confirmations, and share flows. The best systems constrain when a modal is allowed, not just how it looks.

Also appears as: Modal · Dialog · AlertDialog · ConfirmDialog · ShareDialog

6 systems with a documented take

Chakra UI
Chakra Systems
Modal / AlertDialog
Focus-trapped overlay primitives with sensible default behavior.
Read the Chakra UI breakdown
Dropbox Design
Dropbox
ShareDialog
Permission-aware sharing surface — link/people modes, role selection, expiry, and revocation.
Read the Dropbox Design breakdown
Fluent UI
Microsoft
Dialog
Surface model that accommodates Office's preference for inline + modal patterns.
Read the Fluent UI breakdown
Radix UI
WorkOS
Dialog
Modal with focus trap, ESC handling, scroll lock, and overlay correctness.
Read the Radix UI breakdown
shadcn/ui
shadcn
Dialog
Radix-backed modal with focus trap, escape, and overlay correctness.
Read the shadcn/ui breakdown
Stripe Design System
Stripe
ConfirmDialog
Reference irreversible-action confirmation — typed confirmation, delay, and consequence preview.
Read the Stripe Design System breakdown