Overlays / The visual dictionary

Alert dialog.

An interrupting dialog requiring an immediate response.

Also calledalert modalcritical dialog
01

See it in context

UI illustration
Try the native interaction
!

Replace existing file?

The previous version will be overwritten.

An alert dialog conveys important information that must be acknowledged or resolved before continuing. Reserve it for significant conditions and keep the consequences of each action clear.

When to use it

Use when an immediate decision is necessary.

Know the difference

An alert dialog interrupts for a response; a nonmodal alert message announces information without blocking the task.

WebiOSiPadOSAndroidmacOSWindowsLinuxvisionOS

iOS · iPadOS · macOS · visionOS

Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.

Web · Android · Windows · Linux

On the web, manage keyboard focus and dismissal explicitly. Android and desktop implementations should use the equivalent native surface when available.

Primary documentation for the pattern and its platform conventions.