Skip to content

seveelly/react-hot-toast

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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Apr 28, 2023
031a99c Β· Apr 28, 2023
Jul 15, 2022
Jul 12, 2022
Dec 22, 2020
Apr 28, 2023
Jul 17, 2022
Jul 17, 2022
Jul 12, 2022
Dec 7, 2020
Dec 27, 2020
Feb 14, 2022
Apr 28, 2023
Apr 28, 2023
Jul 15, 2022
Apr 28, 2023

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

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 87.9%
  • JavaScript 7.7%
  • CSS 4.4%