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

Add autodismissal time-to-live progress bar

Open Twixes opened this issue 4 years ago • 4 comments
trafficstars

This is really cool, ui.dev's newsletter brought me here!

I'm just missing a few features so I'll be making a few issues to keep track of that, starting with this one:

Feature request

A time-to-live progress bar would make the UX of autodismissal of toasts after a specified duration significantly clearer. The bar should be full when the toast appears and empty out until the specified toast duration passes (when the toast is autodismissed).

Twixes avatar Dec 21 '20 17:12 Twixes

Hey, thanks for bringing that up. I'm still torn if I want to add a progress bar to the library. I personally think it's not really necessary for most types of notifications. For actionable notification it probably makes sense, since it creates urgency for the user to act. But otherwise, I'd prefer to keep the look of minimal. It also adds a new layer of complexity to the customisation, so I'd rather be careful.

But I definitely think we should offer a way to add one if you need it. I'll do some API exploration on how we could solve this. It should be as easy as possible while remaining flexible.

timolins avatar Dec 21 '20 20:12 timolins

@timolins Hi! Would it be too hard to expose a way to disable pause on hover?

alexfertel avatar Jan 20 '22 16:01 alexfertel

This feature disabling pause on hover is really needed

Any luck??

braingrams avatar Jul 15 '23 12:07 braingrams

bump

schellenbergk avatar Oct 24 '23 22:10 schellenbergk