Toast Basic

Toasts are lightweight notifications designed to mimic the push notifications.

Toast Translucent

Toasts are slightly translucent, too, so they blend over whatever they might appear over.

Toast Stacking

When you have multiple toasts, we default to vertically stacking them in a readable manner.

Toast Placement

Place toasts with custom CSS as you need them. The top right is often used for notifications, as is the top middle.
Bootstrap 11 mins ago
Hello, world! This is a toast message.

Toast Placement Stacking

For systems that generate more notifications, consider using a wrapping element so they can easily stack.

Toast Placement Stacking

For systems that generate more notifications, consider using a wrapping element so they can easily stack.

Toast Colorful

When you have multiple toasts, it is good to have differents colors.