collected.tools.

Sonner

Toast notifications for React

What it is

Sonner is a toast component for React by Emil Kowalski that looks good with very little configuration. You place the Toaster in your app once and then call toast() from anywhere, for success, errors, warnings, actions or custom content. Promise toasts show the loading state and result of an async action, and several messages stack up and can be swiped away.

Install
npm install sonner
Why it made the cut
  • A single toast() call from anywhere
  • Promise toasts for loading, success and error
  • Six positions, stacking and swipe to dismiss

Related entries