Confirmation modals are powerful tools in user interface design that provide a layer of protection against accidental actions and help users make informed decisions. However, confirmation modals are disruptive and can be distracting to the user. Use them sparingly.

When to use

Anatomy

anatomy.svg

  1. Title
  2. Body
  3. Actions

Title

A confirmation’s purpose should be communicated by its title.

Titles should:

title.svg