To encourage extensible and predictable toasts, we recommend a header and body.


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


You can stack toasts by wrapping them in a toast container, which will vertically add some spacing.

Custom content

Alternatively, you can also add additional controls and components to toasts.

Toast Placement

Place toasts with custom CSS as you need them.

11 mins ago
Hello, world! This is a toast message.

Custom Toast

You can use custom toast.

© Dastone Crafted with by Mannatthemes