Dialogs: Examples

Confirmation Dialog

Confirmation dialogs enable users to confirm an action. Confirmation dialogs are typically shown only for irreversible actions.

Confirmation dialogs should contain two buttons: a cancel button shown on the left or at the bottom, and a button to confirm the action on the right or at the top.

Informative Dialog

Informative dialogs are used to inform the user of important or time-critical information.

These dialogs contain a title and body text to inform the user, and a single button to dismiss the dialog.

Action Dialog

Action dialogs are used to present a list of actions to the user within a task flow.

These actions should be presented using vertically-stacked buttons.

A Cancel button or other button must also be shown to allow the user to dismiss the dialog.