React Simple Toasts 🍞🚀

Ease of Use: Set up in minutes, not hours!
Customizable: Tailor to your style – themes, durations, interactions.
Browser Friendly: Consistent experience across all major browsers.
Interactive: Engaging, clickable toasts with auto-close options.
Multi-Toast Control: Manage multiple notifications effortlessly.

Elevate your React applications with ultra-sleek toast notifications! With React Simple Toasts, you get an instant, lightweight, and highly customizable toast notification system - all without the hassle of complex setups. Let's make your user notifications pop!

🚀 Version 6.0.0 Update Notice

We've made significant changes in version 6.0.0:

Switched to BEM styling for easier customization

Now requires explicit import of style.css

Installation 📦

Get started in seconds!

npm install react-simple-toasts

Usage 💡

Integrate with ease. Customize with flair.

import toast, { toastConfig } from 'react-simple-toasts';
import 'react-simple-toasts/dist/style.css';
import 'react-simple-toasts/dist/theme/dark.css';

toastConfig({ theme: 'dark' });

function MyComponent() {
  return <button onClick={() => toast('Your toast is ready! 🍞')}>Show Toast</button>;
}