react-hot-toast
    TypeScript icon, indicating that this package has built-in type declarations

    2.1.1 • Public • Published

    react-hot-toast - Try it out

    NPM Version minzipped size Build Status

    Smoking hot Notifications for React.
    Lightweight, customizable and beautiful by default.


    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.

    Install

    npm i react-hot-toast

    DownloadsWeekly Downloads

    111,534

    Version

    2.1.1

    License

    MIT

    Unpacked Size

    228 kB

    Total Files

    36

    Last publish

    Collaborators

    • timolins