Live example
Color schemes
Hello, world! This is
Primary toast message.
Hello, world! This is
Secondary toast message.
Hello, world! This is
Success toast message.
Hello, world! This is info
toast message.
Basic example
Nowa11 mins ago Hello, world! This is a toast message.
Stacking
Nowajust now See? Just like this.
Nowa2 seconds
ago Heads up, toasts will stack automatically
Translucent
Nowa11 mins ago Hello, 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
Nowa11 mins
ago Hello, world! This is a toast message.