Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/timolins/react-hot-toast
Smoking Hot React Notifications 🔥
https://github.com/timolins/react-hot-toast
notifications react snackbar toast-notifications
Last synced: 1 day ago
JSON representation
Smoking Hot React Notifications 🔥
- Host: GitHub
- URL: https://github.com/timolins/react-hot-toast
- Owner: timolins
- License: mit
- Created: 2020-12-07T22:05:40.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-07-22T09:10:09.000Z (5 months ago)
- Last Synced: 2024-12-09T14:08:38.530Z (3 days ago)
- Topics: notifications, react, snackbar, toast-notifications
- Language: TypeScript
- Homepage: https://react-hot-toast.com
- Size: 1.82 MB
- Stars: 9,882
- Watchers: 26
- Forks: 334
- Open Issues: 147
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome - timolins/react-hot-toast - Smoking Hot React Notifications 🔥 (TypeScript)
- awesome-react-components - react-hot-toast - [demo](https://react-hot-toast.com/) - Smoking 🔥hot🔥 Notifications for React. Lightweight, customizable and beautiful by default. (UI Components / Notification)
- awesome-list - react-hot-toast
- awesome-react-components - react-hot-toast - [demo](https://react-hot-toast.com/) - Smoking hot Notifications for React. Lightweight, customizable and beautiful by default. (UI Components / Notification)
- best-of-react - GitHub - 52% open · ⏱️ 22.01.2024): (Notifications)
- fucking-awesome-react-components - react-hot-toast - 🌎 [demo](react-hot-toast.com/) - Smoking hot Notifications for React. Lightweight, customizable and beautiful by default. (UI Components / Notification)
- awesome-react - react-hot-toast - Smoking 🔥hot🔥 Notifications for React. Lightweight, customizable and beautiful by default.  (UI Components / Notification)
- Awesome-JavaScript-Libraries - **React Hot Toast**
README
Smoking hot Notifications for React.
Lightweight, customizable and beautiful by default.
## 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()`](https://react-hot-toast.com/docs/use-toaster)_
## Installation
#### With yarn
```sh
yarn add react-hot-toast
```
#### With NPM
```sh
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!
```jsx
import toast, { Toaster } from 'react-hot-toast';
const notify = () => toast('Here is your toast.');
const App = () => {
return (
Make me a toast
);
};
```
## Documentation
Find the full API reference on [official documentation](https://react-hot-toast.com/docs).