Alerts
Alerts are used to communicate a state that affects a system, feature or page.
The alert component has four variants alert-success, alert-danger, alert-warning and alert-info
Standard Alerts
A simple alert.
A simple success alert.
A simple
warning alert.
A simple error
alert.
A simple info alert.
<div class="alert">A simple alert.</div>
<div class="alert alert-success">
<span class="fas fa-check mr-2"></span>
A simple success alert.
</div>
<div class="alert alert-warning">
<span class="fas fa-exclamation-triangle mr-2"></span>
A simple warning alert.
</div>
<div class="alert alert-error">
<span class="fas fa-times-circle mr-2"></span>
A simple error alert.
</div>
<div class="alert alert-info">
<span class="fas fa-info-circle mr-2"></span>
A simple info alert.
</div>