Skip to main content


Messages provide the user with contextual static information. They have a lower priority than an alert.


Messages display low priority content directly on the page and are not dismissable. They should be used within other elements to convey helpful information in an unobtrusive way.

This is a primary message
This is a secondary message


Use when

  • Providing the user with helpful, contextual information about a possible action or a set of data.

Don’t use when

  • Alerting the user of a high priority error. Instead, use an Alert.
  • Alerting the user of an out-of-context event. Instead, use a Toast.