Close All Toasts Feature

[choeqq]

Issues 😢

• Feature suggestion: close all toasts #193

---

What has been done 😄

• Created close all toasts feature - unless there is only one toast, the button will always be displayed on last toast visible
• animations are little off, each toast should go down one by one (done ✅ )

---

Screenshots 📸

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
sonner	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 13, 2023 6:35pm

[lucasspra]

Could it be possible to change the text of the button, maybe through a prop? My application is not in English

[choeqq]

Hi! Just updated Close All Feature, please check out whether you like it or not @lucasspra 😉

[emilkowalski]

Hi! Just updated Close All Feature, please check out whether you like it or not @lucasspra 😉

This is great, can we center the text in the button vertically and move the text closeAllButtonText to <Toaster /> instead?

[choeqq]

All requested changes has been commited, please let me know whether you have any other ideas to make this solution greater 😄

Since all the changes has been applied I allowed myself to resolve your comments, I don't know how it works in this project yet - so please hit me up if that's not the way you all are doing it right here 😄

@emilkowalski 👀

[lucasspra]

@choeqq That's what I needed, thank you! 🫶

[choeqq]

@emilkowalski could you please take a look? 😄 🚀

[emilkowalski]

@choeqq Sorry for the delay, it looks great! Only missing thing is exit animation on the first toast, it just disappears, or was that intented?. If not, could you take a look at it and then we can merge?

CleanShot.2023-10-31.at.03.55.03.mp4

[choeqq]

No problem, everyone of us is busy 😄
The flow is as follows: after clicking close all we're invoking the 'folding' of all toasts just like when hover out of toasts, and then they just dismiss, I think it looks fine, but you're the owner of the project so, please feel free to add any requriements, and I'll adjust my solution to your needs 😄

[emilkowalski]

Thanks! The toast at the bottom is just disappearing, could we make this one fadeout to the bottom as well?

[emilkowalski]

Also, we should add documentation as well.

[choeqq]

Hi @emilkowalski just added API reference for close all toasts feature, I am having little trouble with animating the fadeout of all toasts, could you please help me little bit with that part? 😄

[andersonbruno]

Was this removed? I noticed in the last push to main, that it isn't there anymore. Any chance to have this functionality?

[jihea-park]

@emilkowalski
Was this removed??