Grocery Apex
Grocery Bevy
Grocery Eden
Arabic
Toastr
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
Toast11 mins ago
Hello, world! This is a toast message.
Stacking
Toastjust now
See? Just like this.
Toast2 seconds ago
Heads up, toasts will stack automatically
Translucent
Toast11 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
Toast11 mins ago
Hello, world! This is a toast message.