The alert paragraph bundle is a great way to get a banner at the top of your webpage for content that you'd like your visitors to see first.

The color scheme follow commonly used colors across the web to convery different types of information.

Alignment options for the text:

  • None: for full width
  • Align with page title
  • 10% margin
  • 20% margin

These alignment options assume there is no side bar. The alert won't go full width if you have a sidebar menu.

Select None to align it with the page title and there is a sidebar.

Default Light

Default Dark

Information

For conveying general information

Success

To convey a positive message or action

Warning

Use for messages that are either cautionary or not quite as urgent as an emergency

Emergency

Use sparingly for urgent, widespread issues, like an outage or canceled major event