Alerts

An alert indicates a brief, meaningful message in a way that draws the user's attention without interrupting the user's task.

Basic Alerts

The alert offers four severity levels that set a distinctive icon and color. These are:- success alert, warning alert, information alert, danger alert.
You can copy html part from below code snippet.

Success! This is a success alert — Check it out!!
Warning! This is a warning alert — Check it out!!
Information! This is an info alert — Check it out!!
Error! This is an error alert — Check it out!!

Outlined Alerts

Outline alerts are created by using alert class,followed by outline-variant.
You can copy html part from below code snippet.

Success! This is a success alert — Check it out!!
Warning! This is a warning alert — Check it out!!
Information! This is an info alert — Check it out!!
Error! This is an error alert — Check it out!!

Filled Alerts

Filled alerts are created by using alert class,followed by filled-variant.
You can copy html part from below code snippet.

Success! This is a success alert — Check it out!!
Warning! This is a warning alert — Check it out!!
Information! This is an info alert — Check it out!!
Error! This is an error alert — Check it out!!