Explore Templates

Toast Alerts

Here we are using React-Toastify plugin for toast alerts. View full documentation here.

Basic example

All the toast methods return a toastId except dismiss and isActive. The toastId can be used to avoid duplicate toast alerts and remove a toast programmatically or to check if the toast is displayed. You can see all the toast props here

Inverse Toast Alerts

Use theme:"colored" option for colored or inverse toast alert

Toastr Alerts positions

You can set position option like (position: 'top-right') in toast function or <ToastContainer /> component.