controlled

Theme

Light mode

toast.success("Light theme applied.", { 
  theme: "light",
});

Click the button below to trigger a toast:

Dark mode

toast.success("Dark theme applied.", {
  theme: "dark",
});

Click the button below to trigger a toast:

Colored mode

toast.success("Colored theme applied.", {
  theme: "colored",
});

Click the button below to trigger a toast:

---

Title

Title Show

toast.success("Show toast With title", {
  title: true,
});

Click the button below to trigger a toast:

Title Hide

toast.success("Show toast Without title", {
 title: false,
});

Click the button below to trigger a toast:

---

CLose

Closable

toast.success("Show toast With close button", {
  closable: true,
});

Click the button below to trigger a toast:

autoClose

toast.success("This toast won't auto close", {
  closable: true,
  autoClose: false,
});

Click the button below to trigger a toast:

---

Progress

progress

toast.success("Show toast without progress bar.", {
  progress: false,
  closable: true,
});

Click the button below to trigger a toast: