react-simple-toasts

React Simple Toasts

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

Table of Contents

• Installation
• Usage
• Key Features
• Themes
• Documentation
• Contribute
• License

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>;
}

Key Features

• 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.

Themes

Your style, your toast. Choose from built-in themes or create your own.

Standard Theme

Creative Theme

Documentation

Explore full documentation for in-depth guides, examples, and API details.

Contribute

Max

Minko

Hardy

Alex Muench

Emmanuel Ayodele Bello

silverwind

Join our growing community! Star us on GitHub and contribute to making React Simple Toasts better.

License

React Simple Toasts is MIT licensed.