Skip to content

DogSoulDev/react-hot-toast

This branch is 75 commits behind timolins/react-hot-toast:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Jul 12, 2022
ee483cc Β· Jul 12, 2022
Jul 10, 2022
Dec 22, 2020
Jul 12, 2022
Jul 9, 2022
Dec 17, 2020
Jul 8, 2022
Dec 7, 2020
Dec 27, 2020
Jul 12, 2022
Jul 8, 2022
Jul 10, 2022
Jul 9, 2022

Repository files navigation

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.

About

Smoking Hot React Notifications πŸ”₯

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 86.8%
  • JavaScript 8.3%
  • CSS 4.9%