Description
Smoking hot Notifications for React. Lightweight, customizable and beautiful by default.
react-hot-toast alternatives and similar libraries
Based on the "Notification" category.
Alternatively, view react-hot-toast.com alternatives based on common mentions on social networks and blogs.
-
-
notistack
Highly customizable notification snackbars (toasts) that can be stacked on top of each other -
-
-
-
react-notifications-component
Delightful and highly customisable React Component to notify your users -
cogo-toast
DISCONTINUED. Beautiful, Zero Configuration, Toast Messages for React. Only ~ 4kb gzip, with styles and icons -
-
-
-
-
InfluxDB – Built for High-Performance Time Series Workloads
Do you think we are missing an alternative of react-hot-toast or a related project?
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 yarn
yarn 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.