랭킹으로 돌아가기
Smoking Hot React Notifications 🔥
reactnotificationstoast-notificationssnackbar
주요 지표
스타 성장
스타
11k
포크
371
주간 성장
—
이슈
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.
관련 저장소