1. Home
  2. Design System
  3. Components
  4. Alert


An alert tells users about important or time-sensitive information. 

Where it goes: At the top of the page

Required or optional: Optional

Don’t use: When information is not important

Additional instructions

Write alert messages in full sentences.


Standard alerts 

Four colored alert boxes, green for success status, yellow for warning status, red for error status, and blue with no heading. Each has an icon and a description.

Slim alerts

Four colored alert boxes as in the previous example, but without headings and with only one line of text.


Date Last Reviewed: