Alert

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages..

Example of Alert Bar without close button

Alerts are available in 5 types- success alert, error alert, warning alert, primary alert, secondary alert. To use this alert just use class name alert-box and also add class according to alert type- alert-primary, alert-secondary, alert-danger, alert-success, alert-warning. (e.g.class="alert-box alert-primary"). You can copy html part from below code snippet.

Primary! This is A primary alert Space🚀 with a link!! CHECK IT OUT
👿 Danger! This is A Danger alert Space.
✅ Success! This is A Success alert Space.
⚠️ Warning! This is A Waring alert Space.

Example of Alert bar with outline box

Primary! This is A primary alert Space🚀 with a link!! CHECK IT OUT
👿 Danger! This is A Danger alert Space.
✅ Success! This is A Success alert Space.
⚠️ Warning! This is A Waring alert Space.

Example of Alert bar with close button

Alert can have cross icon to close the alert. Check out html and vanilla JS code below

⚠️ Warning! This is A Waring alert Space.