Alert
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
Contained Alert
Contained Alerts can be created using alert class, followed by the variant name.
Primary alert! This is how primary alert will
look like.
Success alert! This is how success alert will
look like.
Error alert! This is how error alert will look
like.
Warning alert! This is how warning alert will
look like.
Simple Alert
Simple alerts are created by using alert class, followed by simple-variant.
Primary alert! This is how primary alert will
look like.
Success alert! This is how success alert will
look like.
Error alert! This is how error alert will look
like.
Warning alert! This is how warning alert will
look like.
Outline Alert
Outline alerts are created by using alert class, followed by outline-variant.
Primary alert! This is how primary alert will
look like.
Success alert! This is how success alert will
look like.
Error alert! This is how error alert will look
like.
Warning alert! This is how warning alert will
look like.
Inset Alert
Inset alerts are created by using alert class, followed by simple-[variant] and alert-inset.
Primary alert! This is how primary alert will
look like.
Success alert! This is how success alert will
look like.
Error alert! This is how error alert will look
like.
Warning alert! This is how warning alert will
look like.