fkhadra / react-toastify

React notification made easy 🚀 !
https://fkhadra.github.io/react-toastify/introduction
MIT License
12.77k stars 700 forks source link

Add support for passing an array of ids to the `containerId` prop #1162

Open therialguz opened 2 months ago

therialguz commented 2 months ago

Do you want to request a feature or report a bug?

Feature: Add support for passing an array of strings or numbers to the containerId prop.

What is the current behavior? Currently, we cannot show a toast in multiple containers without executing or calling the toast() function multiple times.

toast("hello Default", {
  autoClose: false,
  hideProgressBar: false,
  closeOnClick: true,
  pauseOnHover: true,
  draggable: true,
  progress: undefined,
  containerId: "gpt",
});

toast("hello Default", {
  autoClose: false,
  hideProgressBar: false,
  closeOnClick: true,
  pauseOnHover: true,
  draggable: true,
  progress: undefined,
  containerId: "default",
});

What is the expected behavior? We expect that the toast function accepts a list of containerIds to show/attach to it.

toast("hello Default", {
  autoClose: false,
  hideProgressBar: false,
  closeOnClick: true,
  pauseOnHover: true,
  draggable: true,
  progress: undefined,
  containerId: ["default", "gpt"],
});
therialguz commented 2 months ago

I can start working on this feature and create a pull request if you’re open to the idea.