React-simple-toasts NPM

React Simple Toasts

Instant, lightweight toast notifications for React. No providers or containers needed. 🍃

NPM Downloads Size License

🚀 Getting Started

📦 Installation

npm install react-simple-toasts

💡 Usage Example

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

toastConfig({ theme: 'dark' }); // configure global toast settings, like theme

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

🌟 Key Features

Ease of use: Simple installation and intuitive API
Highly customizable: Control over appearance, duration, user interaction, and more
Browser compatibility: Seamless operation across various browsers
Interactive: Clickable, with an option to close on click
Multiple toasts management: Control multiple toasts at once

📘 Comprehensive Documentation

Looking for more details, examples, and customization options? Explore the full capabilities of React Simple Toasts and try out live examples on our documentation page. It's your one-stop destination for everything you need to know about using this library.

🎨 Themes

React Simple Toasts offers fun built-in themes, and the flexibility doesn't stop there. Feel free to customize the themes to match your application's branding. Your toast, your style!