react-hot-toast
react-hot-toast copied to clipboard
Add autodismissal time-to-live progress bar
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).
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 Hi! Would it be too hard to expose a way to disable pause on hover?
This feature disabling pause on hover is really needed
Any luck??
bump