• Special Publication:  Public Website Visual Style Guide
  • August 2015

Alerts and Modals

Use the styles below when you want to direct the reader’s attention to a specific task or time-sensitive information.

HTML Tags, Styled

Expand or close the following content.Progress Bar <progress>

Alert and Modal Patterns

Expand or close the following content.Alert <div class="alert-box">

Expand or close the following content.Badge <div class="badge-box">

Expand or close the following content.Modal Window <div class="modal">

Helper Classes

Helper classes are listed in a table in the accordion for a specific alert or modal type.