Alerts Component Documentation

Alerts Component

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