Alert
Displays a short, important message in a way that attracts the user's attention.
Dismissal Page Banner
Page-level messages that sit below the top nav and push content down. Use for negative, caution, and informative messages. Use for displaying important, succinct messages that may impact or inform a user’s experience, including actions for users to address or dismiss the message.
Non-dismissal Page Banner
Page-level messages that sit below the top nav and push content down. Use for negative, caution, and informative messages. These messages may contain a variety of content types including errors, warnings, or general information that is important enough that it should never be dismissed.
Dismissal Sectional Banners
Feedback specific to a container or card. Place at the top of the related section. These messages may contain a variety of content types including errors, warnings, or general information that is important enough that it should never be dismissed.
Non-dismissal Sectional Banners
Feedback specific to a container or card. Place at the top of the related section. These messages may contain a variety of content types including errors, warnings, or general information that is important enough that it should never be dismissed.
Inline Messages
Compact feedback shown next to the field or content it relates to. Use icon and text together, or icon only when space is constrained.