Stacked page messages contain multiple messages in one defined area such as alerts, warnings, and tips, without completely stopping them from completing the task they’re doing.

Web

Usage

When multiple page-level messages need to appear at the same time on the same page, stack them in order of importance.

For more information about writing page-level messages, including page-level errors, see the page messages pattern.

Appearance and behavior

  • For information about writing page-level messages, including page-level errors, see the page messages pattern.
  • For field level information, see tooltips pattern.
  • Can be dismissible or non-dismissible.

A page-level information message:

Stacked page messages:

Mobile

Appearance and behavior

Launch Preview
x
px wide

  • Was this Helpful?
  •