RE

React Toastify

react-toastify

React notification made easy

Component Libraries
react
notification
toast
react-component
react-toastify
push
alert
snackbar
message
Component Libraries
Stars
13k
Weekly
3.6M
Open issues
102
Bundle
~25 kB

Installation

npm install react-toastify

Code example

import { ToastContainer, toast } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";

export function Example() {
  return (
    <>
      <ToastContainer />
      <button type="button" onClick={() => toast("Saved")}>Toast</button>
    </>
  );
}

Pros & cons

Pros

  • Actively maintained by Fadi Khadra
  • 3.6M weekly downloads. Battle tested
  • First-class TypeScript definitions
  • MIT licensed

Considerations

  • Adds roughly ~25 kB to your bundle
  • Needs client-only rendering in SSR frameworks
  • Not supported in React Native
  • 102 open issues on GitHub

FAQs

Alternatives & similar libraries