react-pop-toast

Smoking Pop Notifications for React.

React pop Toast: Effortlessly integrate sleek and customizable pop-up notifications into your React applications for a seamless user experience.

Website · Documentation · Twitter

_{Made by Ali A 👨‍🍳}

Features

• ⏳ AsyncBlaze - Automatic loader from a promise
• 🤯 ReactGhostHooks - Create your own with useNotifier()
• 🔩 CustomSpark
• 🕊 FeatherLite - less than 5kb including styles
• 🔥 IgnitePop
• ✅ EaseAccess

Installation

With yarn

yarn add react-pop-toast

With NPM

npm install react-pop-toast

Getting Started

Start by integrating the Toaster into your application—it handles the seamless rendering of all emitted notifications. Now, empower your app by triggering toast() effortlessly from any corner!

import toast, { Toaster } from 'react-pop-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.