Skip to content

aureooms-contrib/react-hot-toast

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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

67bdc5b Β· Feb 2, 2021
Dec 17, 2020
Dec 22, 2020
Jan 26, 2021
Jan 26, 2021
Dec 17, 2020
Dec 17, 2020
Dec 18, 2020
Dec 7, 2020
Dec 27, 2020
Jan 21, 2021
Jan 21, 2021
Dec 8, 2020

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 85.1%
  • JavaScript 9.0%
  • CSS 5.9%