timolins / react-hot-toast

Smoking Hot React Notifications 🔥
https://react-hot-toast.com
MIT License
9.55k stars 313 forks source link

Animation doesnt work on First Toast #293

Open Saurabhdaswant opened 1 year ago

Saurabhdaswant commented 1 year ago

when i am using toast.custom() its only adding the animation to the toasts which renders after the first toast

robertu7 commented 1 year ago

Based on the current implementation, I think we have to implement the animation inside the custom render component like <ToastBar> does.

My workaround is reset all default styles and render custom content instead of using toast.custom(). Or you can copy and modify the <ToastBar>.

ms007 commented 1 year ago

@robertu7 Heya, how do you reset the default styles of the toast. Is it it possible to do this globally?

robertu7 commented 1 year ago

@robertu7 Heya, how do you reset the default styles of the toast. Is it it possible to do this globally?

@ms007 , here FYI.

gustavolbs commented 3 months ago

Any updates on this? I need to create a custom toast and I'm using Tailwind. I tried to use the toast function, but it looks like it have some style that I doesn't need.