Elements / Alerts

Default Alerts

Default Icon Alerts

Solid Alerts

Solid Icon Alerts

Outline Alerts

Outline Icon Alerts

Dismissing Alerts

Custom Content Alerts

How To Use

Basic Use
<div class="alert alert-primary" role="alert">
    A simple <a class="alert-link" href="#">primary</a> alert—check it out!
</div>

For solid style add a class alert-solid-primary and for outline style add a class alert-outline-primary to alert like <div class="alert alert-solid-primary / alert-outline-primary">.

For more Information please follow the Official Documentation