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!

!NPM Downloads
!Size
!License



> 🚀 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!

``bash
npm install react-simple-toasts
`

Usage 💡

Integrate with ease. Customize with flair.

`jsx
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 toast('Your toast is ready! 🍞')}>Show Toast;
}
``

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.

$3

$3

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.