Super UI

Alerts

Alerts are used to attract user's attention for important information without interrupting the user's flow.

Example of Alert Bar

Alerts are available in 5 types primary alert, secondary alert, success alert, danger alert, warning alert, light alert and dark alert. To use alrt just use class name alert and also add classes accordingly like alert-primary, alert-secondary, alert-success, alert-danger, alert-warning, alert-light or alert-dark (eg class="alert alert-danger")

This is primary alert
This is secondary alert
This is success alert
This is danger alert
This is warning alert
This is light alert
This is dark alert
<div class="alert alert-primary"> This is primary alert </div>
<div class="alert alert-secondary"> This is secondary alert </div>
<div class="alert alert-success"> This is success alert </div>
<div class="alert alert-danger"> This is danger alert </div>
<div class="alert alert-warning"> This is warning alert </div>
<div class="alert alert-light"> This is light alert </div>
<div class="alert alert-dark"> This is dark alert </div>
view raw gistfile1.txt hosted with ❤ by GitHub