Toasts

Bootstrap 5 Toasts are notifications or messages which the users receive whenever they perform certain actions. They can easily be customized.

Components

Descriptions

Basic Bootstrap 5 Toasts Basic is used to show the alert notifications.
Live Bootstrap 5 Toasts Live is used to show the alert notifications.
Translucent Bootstrap 5 provides the Toasts which are used to show the alert notifications.
Stacking Bootstrap 5 Toasts Stacking feature is used to wrap multiple toasts in a toast container which will increase the vertical spacing.
Custom content Bootstrap 5 Toasts Custom content is used to add your own markup by removing sub-components.
Color schemes Toasts are a type of alert box that is used to show a message or an update to the user.
Placement Bootstrap 5 Toasts which are used to show the alert notifications.
Accessibility Toasts are the basic push notifications sent to the user its similar to the alert box.
Sass Bootstrap 5 Toasts SASS has a set of variables with default values that can be changed to customize the toasts.
Options Bootstrap 5 Toasts Options available a few features like enable/disable, auto-hide, etc.
Methods Bootstrap 5 Toasts Methods are used to perform some specific tasks on toasts like the show, hide, etc methods
show Bootstrap 5 Toasts are a type of alert box that is used to show a message or an update to the user.
hide Bootstrap 5 Toasts are a type of alert box that is used to show a message or an update to the user.
dispose Bootstrap 5 Toasts dispose() method stops a toast from being displayed on the webpage.
getInstance Bootstrap 5 Toast getInstance() method is used to get the already existing instance of the bootstrap Toast and return it to the caller.
getOrCreateInstance Bootstrap 5 Toast getOrCreateInstance() Method is used to get the already existing instance or create a new instance and return that to the caller.
Events Bootstrap5 Toasts Events are events that take place when the toast triggers a specific instance method.

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:

Similar Reads

Accordion

Bootstrap 5 Accordion is an essential part of modern web development that allows users to organize and present content in a structured and intuitive manner....

Alerts

Bootstrap 5 Alerts provide contextual feedback messages for typical user actions with a handful of available and flexible alert messages....

Badges

Bootstrap 5 Badges are used for creating labels. Badges scale to match the size of the immediate parent element by using relative font sizing....

Breadcrumb

Bootstrap 5 Breadcrumb are used to indicate the current page’s location within a navigational hierarchy....

Buttons

Bootstrap 5 Buttons is the latest major release by Bootstrap in which they have revamped the UI and made various changes. Buttons are the components provided to create various buttons....

Button Group

Bootstrap 5 Button Group is a component provided by Bootstrap 5 which helps to combine the buttons in a series in a single line....

Card

Bootstrap 5 Card provides a flexible and extensible content container with multiple variants and options. It includes options for headers and footers...

Carousel

Bootstrap 5 Carousel provides a slideshow component for cycling through elements....

Close Button

Bootstrap 5 Close Button provides a new component which can be used for dismissing content like modals and alerts....

Collapse

Bootstrap 5 Collapse is used to toggle the visibility of content across your project with a few classes and the JavaScript plugins....

Dropdowns

Bootstrap 5 Dropdowns are toggleable, contextual overlays for displaying lists of links and more....

List Group

Bootstrap 5 List groups are a flexible and powerful component for displaying a series of content....

Modal

Bootstrap 5 Modals are used to add dialogs to your site for lightboxes, user notifications, or completely custom content....

Navs and tabs

Navs and tabs are the components given in bootstrap for navigation list of all the nav and tab are given below...

Navbar

Bootstrap 5 Navebar use for responsive navigation of header. they also make building , navigation user-friendly....

Offcanvas

Bootstrap 5 OffCanvas components constitute an offcanvas are a header with a close button and a body section which is optional and we can also add some action buttons on the footer section which are optional too....

Popovers

Bootstrap 5 Popovers are a feature that allows you to add small overlays of content to a page....

Pagination

Pagination is used to enable navigation between pages in a website. The pagination used in Bootstrap has a large block of connected links that are hard to miss and are easily scalable....

Progress

Bootstrap 5 progress bar is used to display the progress of a process on a computer. A progress bar displays how much of the process is completed and how much is left....

Scrollspy

Bootstrap 5 Scrollspy is an automatic navigation mechanism that automatically updates the scroll position....

Spinners

Bootstrap 5 spinners are used to specify the loading state of a component or webpage....

Toasts

Bootstrap 5 Toasts are notifications or messages which the users receive whenever they perform certain actions. They can easily be customized....

Tooltips

Bootstrap 5 Tooltips is used to provide interactive textual hints to the user about the element when the mouse pointer moves over....