Complexity Score
Low
Open Issues
N/A
Dependent Projects
239
Weekly Downloadsglobal
1,008,371
License
- MIT
- Yesattribution
- Permissivelinking
- Permissivedistribution
- Permissivemodification
- Nopatent grant
- Yesprivate use
- Permissivesublicensing
- Notrademark grant
Downloads
Readme
Smoking hot Notifications for React. Lightweight, customizable and beautiful by default.
Website ยท Documentation ยท Twitter
Cooked by Timo Lins ๐จโ๐ณ
Features
- ๐ฅ Hot by default
- ๐ฉ Easily Customizable
- โณ Promise API - Automatic loader from a promise
- ๐ Lightweight - less than 5kb including styles
- โ Accessible
- ๐คฏ Headless Hooks - Create your own with
useToaster()
Installation
With pnpm
pnpm add react-hot-toast
With NPM
npm install react-hot-toast
Getting Started
Add the Toaster to your app first. It will take care of rendering all notifications emitted. Now you can trigger toast()
from anywhere!
import toast, { Toaster } from 'react-hot-toast';
const notify = () => toast('Here is your toast.');
const App = () => {
return (
<div>
<button onClick={notify}>Make me a toast</button>
<Toaster />
</div>
);
};
Documentation
Find the full API reference on official documentation.
Dependencies
CVE IssuesActive
0
Scorecards Score
3.70
Test Coverage
No Data
Follows Semver
Yes
Github Stars
9,931
Dependenciestotal
19
DependenciesOutdated
5
DependenciesDeprecated
0
Threat Modelling
No Data
Repo Audits
No Data
Learn how to distribute react-hot-toast in your own private NPM registry
22 Releases
NPM on Cloudsmith