Skip to content

ardizanki2919/react-hot-toast

This branch is up to date with timolins/react-hot-toast:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Dec 31, 2024
3823791 Β· Dec 31, 2024
Dec 30, 2024
Jul 12, 2022
Dec 22, 2020
Dec 30, 2024
Dec 31, 2024
Dec 30, 2024
Jul 12, 2022
Dec 7, 2020
Dec 21, 2024
Feb 14, 2022
Dec 31, 2024
Dec 23, 2024
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 pnpm

pnpm 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 65.5%
  • MDX 25.7%
  • JavaScript 5.6%
  • CSS 3.2%