Replace the default transition

There are 4 built-in transitions provided.

• Bounce

• Slide

• Zoom

• Flip

Bounce is used by default, but you can replace it with your own transition, or with one from the list above.

import { Slide, Zoom, Flip, Bounce } from 'react-toastify';

  <ToastContainer
    transition={Slide}
  />
//...
  <ToastContainer
    transition={YourCustomTransition}
  />

You get the idea...This can also be done per toast.

toast("hello", {
  transition: Slide
})

Info

If you want to provide your own transition check Define a custom transition.