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.