Smoothie Patterns Modal Dialog Pattern

Confirmation Dialog

Ask user to confirm an action.

Show Confirmation

Form Dialog

Modal with form inputs for creating or editing content.

Show Form Dialog

Alert Dialog

Informational dialog with single confirmation button.

Show Alert

Composition Pattern

Modal dialogs combine labs-overlay (for dimmed backdrop) with a modal card (content). Use flexbox centering to position the card on screen.