返回排行榜
Smoking Hot React Notifications 🔥
reactnotificationstoast-notificationssnackbar
关键指标
Star 增长趋势
Star
11k
Forks
371
周增长
—
Issues
115
5k10k
2020年12月2021年11月2022年10月2023年9月2024年9月2025年8月2026年7月
制品库npm
npm install react-hot-toastREADME
Smoking hot Notifications for React.
Lightweight, customizable and beautiful by default.
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.
相关仓库