Alert

An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.

Simple Alert

Simple Alerts can be created using alert class, followed by the variant name.

Primary! This is a Primary Alert - Check it now!

Success! This is a Success Alert - Check it now!

Warning! This is a Warning Alert - Check it now!

Error! This is a Error Alert - Check it now!

Outline Alert

Outline alerts are created by using alert class, followed by variant-outline.

Primary! This is a Primary Alert - Check it now!

Success! This is a Success Alert - Check it now!

Warning! This is a Warning Alert - Check it now!

Error! This is a Error Alert - Check it now!