An alert is a component that displays a supplementary piece of information, often in the form of validation messages (success, warning, and error) or help text (info). Alerts may also display time sensitive information.

Full Sidebar Alert Documentation

View Example Sidebar Alert

Sidebar alerts have the ability to add CTAs and come in four styles:

  • Info
  • Success
  • Warning
  • Error

Ways to Use Alerts

Use an alert to notify users of system statuses and for validation messages (success, warning and error). Alerts can either be added inline to content or as a banner before page content, both having the option to showcase CTAs.

Alerts can also be used to provide help text (info) for processes, deadlines, and more.

About Sidebar Components

Sidebar components can be used with custom content or on their own beneath a sidebar menu or in-page navigation.

Keep Learning

Learn about Sidebar Captioned Media in Aggie UX 101 Module 6 Chapter 3.

Go to Chapter 3