Alert

Alerts can be used to inform the user about some important information usually with a pop up on the screen.

Normal Alert

Alerts are available in 5 different types - primary, secondary, success, error and warning. To use alerts in your site, add the base class alert-container and add any one of the following classes for the different types - alert-primary, alert-secondary, alert-success, alert-error, and alert-warning.

Primary! This is a primary alert, click now!

Secondary! This is a secondary alert, click now!

Success! This is a success alert, click now!

Error! This is an error alert, click now!

Warning! This is a warning alert, click now!

You can paste the below code to get the alerts using appropriate classes for the type of alert.

Alerts with Close Button

Alerts with a close button can be dismissed by simply clicking on the close button.

Primary! This is a primary alert, click now!

You can paste the below code (both HTML and JavaScript) to get the alert with close functionality along with the alert type class that you want.

JavaScript