Modal

Dialog and alert-dialog overlays for confirming, informing, or revealing extra content. Alert dialogs require an explicit action; dialogs close on outside click.

Resume session

Inline icon, structured info block, and two pill actions — the Squad default layout for modal interrupts.

Alert dialog

Blocks the page until the user picks an action. Use for destructive or irreversible confirmations.

Alert dialog with icon

Drop a Lucide icon alongside the title for quick context — good for release notes and announcement-style confirmations.

Alert dialog destructive

Tint the title icon with text-destructive and switch the primary action to the destructive variant.

Fullscreen dialog

Expands to fill the viewport (with a small inset) for immersive content.