Alert

Alerts are used to attract user's attraction for important information without interrupting the user's flow.


Simple Alert

Simple Alert can be created using alert class, followed by other utility classes.

Primary! This is a primary alert
Secondary! This is a secondary alert
Success! This is a success alert
Warning! This is a warning alert
Danger! This is a danger alert

Outlined Alert

Outlined Alert can be created using alert class, followed by outlined-utility classes.

Primary! This is a primary outlined alert
Secondary! This is a secondary outlined alert
Success! This is a success outlined alert
Warning! This is a warning outlined alert
Danger! This is a danger outlined alert

Alert with close

We can add optional close button using material-icons

Primary! This is a primary alert close