Alert
Alerts are used to notify a user without interrupting their task. There are 5 types of alerts available viz. Warning, Error, Success, Info and Dark. For using the use the class .alert along with the required contextual class (e.g. .warning).
This is a warning alert
This is a warning alert
This is a warning alert
This is a warning alert
This is a warning alert
<div class="alert warning">
<span>This is a warning alert</span>
<button class="close">
<i class="fas fa-times icon"></i>
</button>
</div>
<div class="alert error">
<span>This is a error alert</span>
<button class="close">
<i class="fas fa-times icon"></i>
</button>
</div>
<div class="alert success">
<span>This is a success alert</span>
<button class="close">
<i class="fas fa-times icon"></i>
</button>
</div>
<div class="alert info">
<span>This is a info alert</span>
<button class="close">
<i class="fas fa-times icon"></i>
</button>
</div>
<div class="alert dark">
<span>This is a dark alert</span>
<button class="close">
<i class="fas fa-times icon"></i>
</button>
</div>