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-toastifyCode 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