Live example
SciFi 11 mins ago
Hello, world! This is a toast message.
Basic example
SciFi 11 mins ago
Hello, world! This is a toast message.
Stacking
SciFi just now
See? Just like this.
SciFi 2 seconds ago
Heads up, toasts will stack automatically
Color schemes
Hello, world! This is the Primary toast message.
Hello, world! This is the Secondary toast.
Hello, world! This is the Warning toast message.
Hello, world! This is the info toast message.
Translucent
SciFi 11 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
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
Solid Background Toasts
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
Toast Placements
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
SciFi
Your,toast message here.
Aligning Toast Using Flexbox
SciFi 11 mins ago
Hello, world! This is a toast message.