Toast · Playful
A live-region notification stack with tones, an inline action, auto-dismiss that pauses on hover or focus, and a countdown bar.
Design · Playful15 / 20
Chunky 2px outlined card with a hard drop shadow, a tilted tone tile, bouncy entrance and a pressable action button.
Motion
Each toast slides in from the right edge with a fade and slides back out when it closes; older ones glide down to make room.
Accent
A live-region notification stack with tones, an inline action, auto-dismiss that pauses on hover or focus, and a countdown bar.
toastsnackbarnotificationaria-livefeedbackstackauto-dismiss