Explore Templates
Toasts
Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.
Basic
Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems. They’re built with flexbox, so they’re easy to align and position.
Bootstrap11 mins ago
Woohoo, you're reading this text in a Toast!
Live example
Click the button below to show a toast (positioned with our utilities in the lower right corner) that has been hidden by default.
Custom content
Customize your toasts by removing sub-components, tweaking them with utilities, or by adding your own markup.
Hello, world! This is a toast message.
Color Schemes
Use bg="variant" prop for different toast color schemes.
Hello, world! This is a toast message.
Hello, world! This is a toast message.