Alerts
Bootstrap 5 Alerts provide contextual feedback messages for typical user actions with a handful of available and flexible alert messages.
Components |
Descriptions |
Link color | Alerts Link Color class is used to set the color of the alert element. |
Additional content | Alerts help inform users about particular events or give acknowledgment. |
Icons | Alerts Icons are used to add icons to the alert bar to format the bar and make it more informative. |
Dismissing | It provides a feature to dismiss the alerts inline and to enable alerts dismissing we need to add the .alert-dismissible class to the alert, and the data-bs-dismiss=”alert” attribute to the close button. |
Sass | Alerts SASS can be used to change the default values provided for the alert by customizing the SCSS file. |
JavaScript behavior | Alerts JavaScript behavior provides to enable the dismissal of an alert when an action is triggered. |
Triggers | Alert Triggers are used to close an alert. |
Methods | Alerts methods that are used to control the visibility of the alert component. |
Events | Alerts JavaScript behavior Events fired when interacting with Bootstrap 5 Alerts. |
Bootstrap 5 Components Reference
Bootstrap 5 Components enable the user to make their own Components and can include more functionality by adding the Accordion, Alerts, Badge, Breadcrumb, Buttons, etc, which help to enhance the overall user experience, along with engaging the users on their sites by decorating them.
The complete list of Components is listed below with their brief description: