Alerts

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


Default

The default style can be used to display an Avatar with just text or an image.


Alert
Secondary
Success
Warning
Error


                              <div class="alert alert-primary fs-lg">Alert</div>
<div class="alert alert-secondary fs-md">Secondary</div>
<div class="alert alert-success fs-lg bold">Success</div>
<div class="alert alert-warning bold">Warning</div>
<div class="alert alert-error bold">Error</div>