Live example
Color schemes
Hello, world! This is the Primary toast message.
Hello, world! This is the Secondary toast.
Hello, world! This is the Success toast message.
Hello, world! This is the info toast message.
Basic example
Ynex11 mins agoHello, world! This is a toast message.
Stacking
Ynexjust nowSee? Just like this.
Ynex2 seconds agoHeads up, toasts will stack automatically
Translucent
Ynex11 mins agoHello, world! This is a toast message.
Custom content
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.
Color Variants Live
Solid Background Toasts
Toast Placements
Aligning Toast Using Flexbox
Ynex11 mins agoHello, world! This is a toast message.