https://github.com/almond-bongbong/react-simple-toasts
🍞 Instant, lightweight toast notifications for React. No providers or containers needed.
https://github.com/almond-bongbong/react-simple-toasts
react react-notifications react-toastify toast toast-message toast-notifications toast-ui toastify toastr
Last synced: about 2 months ago
JSON representation
🍞 Instant, lightweight toast notifications for React. No providers or containers needed.
- Host: GitHub
- URL: https://github.com/almond-bongbong/react-simple-toasts
- Owner: almond-bongbong
- Created: 2019-09-29T06:03:04.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-03-10T22:09:37.000Z (2 months ago)
- Last Synced: 2025-03-27T06:18:29.912Z (about 2 months ago)
- Topics: react, react-notifications, react-toastify, toast, toast-message, toast-notifications, toast-ui, toastify, toastr
- Language: TypeScript
- Homepage: https://almond-bongbong.github.io/react-simple-toasts/
- Size: 15 MB
- Stars: 41
- Watchers: 1
- Forks: 9
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
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!
[](https://www.npmjs.com/package/react-simple-toasts)
[](https://github.com/almond-bongbong/react-simple-toasts/actions/workflows/00_test.yml)
[](https://github.com/almond-bongbong/react-simple-toasts/actions/workflows/01_deploy_to_github_pages.yml)
> **🚀 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](#Installation)
- [Usage](#Usage)
- [Key Features](#Key-Features)
- [Themes](#Themes)
- [Documentation](#Documentation)
- [Contribute](#Contribute)
- [License](#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.
### Standard Theme
### Creative Theme
## Documentation 📘
Explore full [documentation](https://almond-bongbong.github.io/react-simple-toasts/) 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](https://github.com/almond-bongbong/react-simple-toasts/stargazers) and contribute to making React Simple Toasts better.
## License 📜
React Simple Toasts is MIT licensed.