Skip to content

pranavgoel29/react-hot-toast-magic

 
 

Repository files navigation

Fork of React Hot Toast by Timo Lins

Features

  • 🔥 Hotter by default
  • 🔩 Richer Customization
  • Extended Promise API - Automatic loader with additional features
  • 🌶️ Extra Spiciness - Enhanced functionality for a delightful experience
  • Up-to-date and Maintained
  • 🚀 Frequent Updates
  • 🥳 Additional Toast Types - Introducing info() and warn() for more versatile notifications

Installation

With yarn

yarn add react-hot-toast-magic

With NPM

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!

import toast, { Toaster } from 'react-hot-toast-magic';

const notify = () => toast('Here is your spicy toast.');

const App = () => {
  return (
    <div>
      <button onClick={notify}>Make me a spicy toast</button>
      <Toaster />
    </div>
  );
};

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!

About

Extending the react-hot-toast package functionalities🔥

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 67.2%
  • MDX 23.4%
  • JavaScript 6.3%
  • CSS 3.1%