Toasts

Basic

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

Translucent

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

Stacking

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.

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

Custom Toast

You can use custom toast.

Appearance
Account Settings
General Settings
© Metrica Crafted with by Mannatthemes