karlshea/react-hot-toast

Smoking hot React Notifications 🔥

Smoking hot Notifications for React.

Lightweight, customizable and beautiful by default.

Website · Documentation · Twitter

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

Getting started

Install with yarn

yarn add react-hot-toast

Install with NPM

npm install react-hot-toast

---

Add to <Toaster/> your app

The Toaster will take care of rendering all notifications emitted. Make sure to place it somewhere high up in your app.

import { Toaster } from 'react-hot-toast';

const App = () => {
  return (
    <div>
      <Toaster />
    </div>
  );
};

---

Create toasts from anywhere

Call toast() anywhere within your app to emit new notifications.

import toast from 'react-hot-toast';

toast.success('Hello World!');

---

Full Documentation

Find the full API reference on official documentation.

Credits

react-hot-toast was cooked by Timo Lins 👨‍🍳