Dastone

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

Hello, world! This is a toast message.

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

Hello, world! This is a toast message.

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

Hello, world! This is a toast message.

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

Hello, world! This is a toast message.

Place toasts with custom CSS as you need them.

Toast placement

Hello, world! This is a toast message.

You can use custom toast.

UI/UX front end developer