Skip to main content

Modal

Modals appear on top of the main content and require user interaction. This dialog disables the main content until the user explicitly interacts with the modal dialog.

Do’s​

  • use modal dialogs for important warnings, to prevent or correct critical errors
  • use modal dialogs to request the user to enter information critical to continuing the current process
  • modal dialogs can be used to fragment a complex workflow into simpler steps

Don’ts​

  • do not use modal dialogs for nonessential information that is not related to the current user flow
  • avoid modal dialogs that interrupt high-stake processes
  • avoid modal dialogues for complex decision making that require additional sources of information unavailable in the modal