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


info This is a primary message.
  • Fills the width of its container.
  • Should have an accompanying icon to the left of the message text. When the text spans multiple lines, the icon should remain aligned to the top.


  • Messages should remain static on the page. They should not be dismissible.


  • Messages should be brief, full sentences, with proper punctuation.
  • They should provide the user with helpful, contextual information about a possible action or a set of data.