Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Check below table to use alerts with different types and designs.
| Alert Type | Class | Description |
|---|---|---|
| Default alert | .alert.alert-* |
Use any template color from COLOR PALETTE that you like to add for alert. |
| Alert with links | .alert-link |
If you want to give any link to the content of the alert, this class is used. |
| Dismissible Alerts | .alert-dismissible |
Adds extra padding to the right of the alert and positions the .close button. You can use the data-dismiss="alert" attribute also. |
| Solid alerts | .alert.bg-* |
Add background color from COLOR PALETTE to the .alert container class for solid alerts. |
Refer following links for usage:
| Type | URL |
|---|---|
| Bootstrap Page | https://getbootstrap.com/docs/4.1/components/alerts/ |
| Template Page | https://pixinvent.com/demo/convex-bootstrap-admin-dashboard-template/demo-1/components-alerts.html |