Woby-Toast

Ported from react-hot-toast

Smoking hot Notifications for React.

Lightweight, customizable and beautiful by default.

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 woby-toast

With NPM

npm install woby-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 'woby-toast';

const notify = () => toast('Here is your toast.');

const App = () => {
  return (
    <div>
      <button onClick={notify}>Make me a toast</button>
      <Toaster />
    </div>
  );
};