Features

• 🔥 Success, Error, Info, and Warning type Toast
• 🔩 Easily To Use
• ➖ Progressbar Visibility
• 🕊 Lightweight - less than 5kb including styles
• ✅ Accessible
• 🤯 Headless Hooks - _Create your own with [useToaster()]

Installation

With NPM

npm install react-modified-snackbar

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-modified-snackbar";

const showToast = () => toast("I'm a toast.");

const App = () => {
  return (
    <div>
      <button onClick={showToast}>Create a Toast</button>
      <Toaster />
    </div>
  );
};