Alerts Styles
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Examples - Default Style
Alerts are available for any length of text. Use .alert-{state} with .alert to create alert messages.
| Class Reference | Details |
|---|---|
.alert-{state} | Use {state} as primary, secondary, success, info, warning, danger, gray, light |
.alert-icon | Use with .alert class for proper icon style. |
.alert-fill | Use with .alert class for fill base style. |
.alert-dismissible | Use with .alert class for dismissible alert. |
Code Example
<div class="alert alert-icon alert-primary" role="alert"> <em class="icon ni ni-alert-circle"></em> <strong>Order has been placed</strong>. Your will be redirect for make your payment. </div>
Code Example
<div class="alert alert-fill alert-icon alert-primary" role="alert"> <em class="icon ni ni-alert-circle"></em> <strong>Order has been placed</strong>. Your will be redirect for make your payment. </div>
