Alert Dialog

Use an alert dialog to force a critical decision that requires the user's immediate attention and action.

Status

Component (RN)

React Native Component Status

Published

Figma (RN)

Figma Component Status

Published

Code (Web)

HTML/CSS Code

TBC

Figma (Web)

Figma Component Status

Published

Key points

Alert dialogs should only be used when a decision is required — the user must pick an action to dismiss the dialogue

There is no option to cancel or close without making a decision — no close button or Escape key dismissal

Alert dialogs block out the content on the level below with an overlay

Alert dialogs are more disruptive than modals and should be used sparingly

Currently, alert dialogs are only available in React Native

Use alert dialogs to force a critical decision that requires the user's immediate attention and action.