react-hot-toast icon indicating copy to clipboard operation
react-hot-toast copied to clipboard

Animation doesnt work on First Toast

Open Saurabhdaswant opened this issue 2 years ago • 6 comments

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

Saurabhdaswant avatar Jun 23 '23 12:06 Saurabhdaswant

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>.

robertu7 avatar Jun 26 '23 06:06 robertu7

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

ms007 avatar Jul 26 '23 18:07 ms007

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

@ms007 , here FYI.

robertu7 avatar Jul 28 '23 12:07 robertu7

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.

gustavolbs avatar Apr 10 '24 19:04 gustavolbs