Alert Dialog Component

A lightbox dialog that prompts user for acknowledgement.

The alert dialog pattern is a type of lightbox dialog that displays a critical message. The alert must be explicitly acknowledged in order to dismiss it and proceed.

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

Terminology

We use the following terminology when discussing this pattern.

• Acknowledgement Button : The button that must be clicked to acknowledge and dismiss the alert dialog.
• Mask : The semi-opaque layer that sits between the dialog and the main page.