Popularity
8.9
Declining
Activity
7.6
-
10,471
25
349

Description

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

Programming language: TypeScript
License: MIT License
Tags: UI Components     Notification     UI     React     Snackbar    

react-hot-toast alternatives and similar libraries

Based on the "Notification" category.
Alternatively, view react-hot-toast.com alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of react-hot-toast or a related project?

Add another 'Notification' Library

README

Smoking hot Notifications for React. Lightweight, customizable and beautiful by default. Website Β· Documentation Β· Twitter

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.