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.

Placement

You can also get fancy with flexbox utilities to align toasts horizontally and/or vertically.

Placement

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

Custom Toast

You can use custom toast.

Custom Toast

You can use custom toast.

© 2020 Dastyle Crafted with by Mannatthemes