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: about 8 hours ago
JSON representation

Smoking Hot React Notifications 🔥

Awesome Lists containing this project

README

        

react-hot-toast - Try it out


NPM Version
minzipped size
Build Status




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