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: 5 days 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-12-31T15:58:07.000Z (11 days ago)
• Last Synced: 2024-12-31T16:26:43.555Z (11 days ago)
• Topics: notifications, react, snackbar, toast-notifications
• Language: TypeScript
• Homepage: https://react-hot-toast.com
• Size: 2.09 MB
• Stars: 9,931
• Watchers: 27
• Forks: 337
• Open Issues: 124
• 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.






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()`](https://react-hot-toast.com/docs/use-toaster)_

## Installation

#### With pnpm

```sh

pnpm 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).