Smoking hot React Notifications. More functions, increased spiciness, and frequent updates. An extension of [react-hot-toast](https://react-hot-toast.com/).
npm install react-hot-toast-magicinfo() and warn() for more versatile notifications_
sh
yarn add react-hot-toast-magic
`
#### With NPM
`sh
npm install react-hot-toast-magic
`
Getting Started
Add the Toaster to your app first. It will take care of rendering all notifications emitted. Now you can trigger \toast()\ from anywhere!
`jsx
import toast, { Toaster } from 'react-hot-toast-magic';
const notify = () => toast('Here is your spicy toast.');
const App = () => {
return (
);
};
`
Why React Hot Toast Magic?
While react-hot-toast has been a fantastic choice for many, the decision to create React Hot Toast Magic was driven by a desire for more functions, increased spiciness, and the need for more frequent updates. If you've been looking for a notification library that goes the extra mile, React Hot Toast Magic is here to meet those expectations.
Enhanced Toasts - Info and Warning
React Hot Toast Magic introduces additional toast types such as info() and warning(), providing more options for your notifications.
!React Hot Toast Magic - Info Toast
!React Hot Toast Magic - Warn Toast
Migration from
react-hot-toast
If you're currently using react-hot-toast and considering upgrading to react-hot-toast-magic, worry not! Migration is straightforward, and most of the code remains compatible
Contributing
Your contributions are more than welcome! Whether you want to report a bug, suggest a feature, or contribute code, please check our contribution guidelines.
Community and Support
Your feedback is invaluable and helps shape the future of React Hot Toast Magic. We appreciate your involvement in making this library even better.
License
React Hot Toast Magic is released under the MIT License. Feel free to use, modify, and distribute it in accordance with the terms of the license.
---
Note: This library is an extension of \react-hot-toast\` and strives to enhance your notification experience in React. If you have any questions or need support, feel free to reach out on Twitter. Happy toasting!