Notifications
Bootstrap Toasts
Default Toast
Use toast class to set a default
toast.
Vixon
06 mins ago
Translucent
Toasts are slightly translucent, too, so they blend over whatever they might appear over.
Vixon
11 mins ago
Stacking
When you have multiple toasts, we default to vertically stacking them in a readable manner.
Vixon
Just now
Vixon
2 seconds ago
Placement
Place toasts with custom CSS as you need
them.
The top right
is often used
for notifications, as is the top middle. If you’re only ever
going to show one toast
at a time, put
the positioning styles right on the .toast.
Vixon
06 mins ago
You can also get fancy with flexbox utilities to align toasts horizontally and/or vertically.
Vixon
11 mins ago
Toast Placement
Various example of toast placement.
Vixon
11 mins ago
Bordered with Icon Toast
Use toast-border- with below-mentioned color
variation to set a toast with border and icon.
Your application was successfully sent.
Yey! Everything worked!
Something went wrong, try again.
Something is very wrong! See detailed report.
Toastify JS
Use data-toast data-toast-text=""
data-toast-gravity="" data-toast-position=""
data-toast-className="" data-toast-duration=""
data-toast-close="close" data-toast-style="style" as
per your toast requirement.