react-simple-toasts
v6.0.1
Published
Instant, lightweight toast notifications for React. No providers or containers needed.
Downloads
9,901
Maintainers
Readme
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 📦
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 🤝
Join our growing community! Star us on GitHub and contribute to making React Simple Toasts better.
License 📜
React Simple Toasts is MIT licensed.