Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. Please see the official Bootstrap documentation for a full list of options.

Do:

  • Message should be limited to a maximum of 2 lines
  • Limit use of alerts to ensure the user continues to respect its importance
  • Message should be short, pithy so it's easily scannable
  • When used as a toast, the user must be able to 'close' alert

Don't:

  • Use multiple alerts in the same window (i.e. do not stack alerts) - this creates unnecessary noise and confusion
  • Use "danger" (red) state unless absolutely critical