Alert Dialog

A modal dialog that forces an acknowledgement/response from the user.

Screenshot of alert that informs user about checkout status


The alert dialog pattern is a type of read-only dialog that displays a specific message. The alert must be explicitly dismissed in order to proceed.

The behaviour is similar to the window.alert() method.

Working Examples

You can take a look at the alert dialog pattern in action on our examples site.

Best Practices

This section is not yet available.

Interaction Design

This section provides interaction design for keyboard, screen reader & pointing devices.


Keyboard focus should be placed on the acknowledgement button.

The rest of this section is not yet available.

Developer Guide

This section is not yet available.