Alerts
Alerts communicate short, important information to the user, without interrupting their flow. Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Example of Simple Alert
Alerts are available in 5 types- success alert, error alert, warning alert, primary alert, secondary alert.
Primary Alert
Secondary Alert
Information Alert
Success Alert
Warning Alert
Danger Alert
Example of Alert with Icons
An icon is added along with the alert message in the alert container.
Information Alert
Success Alert
Warning Alert
Danger Alert
Example of Alert with Dismiss Button
Alert with dismiss button (i.e : close button) which is removes the alert which user clicks the close button.
Danger Alert
CSS Code
JavaScript Code