Alerts

Alerts are used to convey a message to the user based on their actions.

Types of Alerts

You can use the 4 types of alerts provided below.

Info Alert Message

Success Alert Message

Error Alert Message

Warning Alert Message

Refer the below code to use different variations of alerts. Make changes as per your requirements.

Copy
            <div class="alert flex-sbw px-1 p-sm m-sm alert-info">
              <h3>Info Alert Message</h3>
              <a href="#"><i class="fas fa-times"></i></a>
            </div>
            <div class="alert flex-sbw px-1 p-sm m-sm alert-success">
              <h3>Success Alert Message</h3>
              <a href="#"><i class="fas fa-times"></i></a>
            </div>
            <div class="alert flex-sbw px-1 p-sm m-sm alert-danger">
              <h3>Danger Alert Message</h3>
              <a href="#"><i class="fas fa-times"></i></a>
            </div>
            <div class="alert flex-sbw px-1 p-sm m-sm alert-warn">
              <h3>Warning Alert Message</h3>
              <a href="#"><i class="fas fa-times"></i></a>
            </div>