butter-smooth toast notifications for react apps
New option for the tray:
pauseOnHover: boolean | optional | default: false. Changes the default behavior when hovering. By default, when hovering over a toast, even though it doesn't dismiss - it will keep counting down to its dismissal, meaning that if its timeout ended, it will dismiss on mouse-out. Setting pauseOnHover to true, will pause the countdown for as long as the toast is being hovered - meaning that the timeout cannot end while hovering.
Use it like this:
<ButterToast pauseOnHover trayPosition="bottom-left"/>
Or alternatively:
<ButterToast pauseOnHover={true} trayPosition="bottom-left"/>