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


For conveying general information


To convey a positive message or action


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


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