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.