Release notes

🐛 Bugfix

• fix #561 missing declaration file

Release note

🐛 Bugfix

• fix #560 when using limit, new toast is displayed only when exit animation is done.

Release notes

🐛 Bugfix

• Closing animation showing twice if dismiss is called after a very short time after showing the toast #559

Release Notes

💥 Breaking changes

• dependency to react-transition-group has been removed #514
• the duration parameter has been removed from cssTransition. Css animations just works now out of the box. Check the codesanbox below
• the border-radius has been increased a bit

🚀 Features

• Css animation just works!
  

• add a way to load the CSS without a CSS loader
  

• specify swipe direction, close #512 . Thanks to @denydavy
  

• bundle size reduced from ~7k to ~5k!

• remove the dependency on prop-types.

🐛 Bugfix

• fix #541 apply pauseOnFocusLoss on first render
• fix #538 react-dom should be a peer dep
• fix #530 change id generation
• fix #534 #483 toastId cannot be reused
• fix #511 by removing react-transition-group
• fix #550 Unable to select text inside inputs when a toast is open
• fix #555 The toast timer starts after you click on the toast

Release notes

🚀 Features

• Add toast props to content callback #517

🐛 Bug fixes

• Fix notification stuck on dragging #543
• Fix Inline styles passed to toast function disappear after a second #536

Thanks to @martinadamec, @sergeycw and @thomasjm for this release 🙏

Release notes

🚀 Features

• className support functional form. Useful for things like tailwind #533
• replace classnames by clsx

Thanks to @rhdeck and @NeoLegends for this release

Release notes

• bump dependencies
• fix circular dependency issue

Release note

• fix broken import

Release Notes

Bugfix

• fix typing issue #486 #494

Release Note

🐛 Bugfix

• fix swipe gesture aniamtion #500 (Thanks to @Pogodaanton)

Release note

Bugfix

• fix onClose was not called. #476

Release notes

Bug fix

• fix #468 regression. Aria-label was missing on close button

Release notes

🚀 Features

• possibility to limit the number of toast displayed #298
• support strict mode 💪
• can define inline style on toast
• HTML ids can be set for ToastContainer and Toast components(containerId, toastId are used as id)
• better close button icon
• possibility to unsubscribe to onChange event #450
• dark toast 💅
  
• expose hook to create your own ToastContainer(not documented yet)
• expose hook to create your own Toast (not documented yet)
• new documentation powered by docusaurus2 and algolia search 🔥

🕷Bug fixes

• progress style from toast not being used
• fix some tests

💥 Breaking changes

• className only support string now.
• 🔥 require react v16.8 due to the introduction of hook
• calculate center position using transform instead of using margin-left = toast size /2
• upgrade to latest react-transition-group to support strictmode. This impact your custom transition

🧐 Internal

• fully rewritten in typescript
• switch from enzyme to react-testing-library
• bundled by tsdx
• smaller bundle size 👌

Release notes

Features

• extend cssTransition api, 2 new parameters have been added, collapse, collapseDuration

Chore

• add tests...

Release notes

Bugfix

• bump react-transition-group to latest version, they broke SSR 💩
• monkey patch exit transition for single toast. It was broken...

Release notes

Feature

• bump react-transition-group to latest to support strict mode
• support strict mode

Release notes

🕷Bug fixes

• fix #460. Respect the limit even if spamming toast like a bot !

🚀 Features

• add toast.ClearWaitingQueue to remove all toast that are in the waiting queue.

Release notes

Hey, the v6 is finally out. You can find shiny new documentation here. If you are not able to see it, you must clear the service worker.

You can provide your feedback here

🚀 Features

• possibility to limit the number of toast displayed #298
• can define inline style on toast
• HTML ids can be set for ToastContainer and Toast components
• better close button icon
• possibility to unsubscribe to onChange event #450
• dark toast 💅
  
• expose hook to create your own ToastContainer (NOT DOCUMENTED YET)
• expose hook to create your own Toast (NOT DOCUMENTED YET)

🕷Bug fixes

• progress style from toast not being used
• fix some tests

💥 Breaking changes

• className only support string now.
• 🔥 require react v16.8 due to the introduction of hook
• calculate center position using transform instead of using margin-left = toast size /2

🧐 Internal

• fully rewritten in typescript
• switch from enzyme to react-testing-library
• bundled by tsdx
• new documentation!

Changelog

🚀Feature

• toast.onChange pass the containerId as second argument. Useful when working with multiple containers #403

🐞 Bugfix

• Notifications will be displayed on route change. #402 [@tundraray]
• Prevent unmounted nodes from having their state updated. #357 [@mattcarlotta]
• Prevent cross button to be an emoji. #259 [@Haroenv]

🛠Misc

• Correct some typos in the readme [@BrianDV]
• bump dependencies

Thanks to all contributors for this release!

🎉 Happy new year ! 🎉

Changelog

🐞 Bugfix

• Cleanup events when no containers left #378
• toast.isActive now works with multi containers #379

🛠Misc

• Add a monospace font stack and slightly modified styles for the code blocks
• bump dependencies

Before:

After:

Special thanks to @kennethormandy and @seanparmelee for this release