npm package: @hutechtechnical/sint-dolor-voluptatibus-quod
Description: [![Financial Contributors on Open Collective](https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/all/badge.svg?label=financial+contributors)](https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod) ![React-toastify 
Author: KhaiPham1001
Latest version: 1.0.0

# React-Toastify

[![Financial Contributors on Open Collective](https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/all/badge.svg?label=financial+contributors)](https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod) ![React-toastify CI](https://github.com/hutechtechnical/sint-dolor-voluptatibus-quod/workflows/React-toastify%20CI/badge.svg)
![npm](https://img.shields.io/npm/dm/@hutechtechnical/sint-dolor-voluptatibus-quod.svg?label=%E2%8F%ACdownloads&style=for-the-badge)
![npm](https://img.shields.io/npm/v/@hutechtechnical/sint-dolor-voluptatibus-quod.svg?style=for-the-badge)
![NPM](https://img.shields.io/npm/l/@hutechtechnical/sint-dolor-voluptatibus-quod.svg?label=%F0%9F%93%9Clicense&style=for-the-badge)
![Coveralls github](https://img.shields.io/coveralls/github/fkhadra/@hutechtechnical/sint-dolor-voluptatibus-quod.svg?label=%E2%9B%B1coverage&style=for-the-badge)


![React toastify](https://user-images.githubusercontent.com/5574267/130804494-a9d2d69c-f170-4576-b2e1-0bb7f13dd92d.gif "React toastify")

![stacked](https://github.com/hutechtechnical/sint-dolor-voluptatibus-quod/assets/5574267/975c7c01-b95e-43cf-9100-256fa8ef2760)


🎉 React-Toastify allows you to add notifications to your app with ease. No more nonsense!

## Installation

```
$ npm install --save @hutechtechnical/sint-dolor-voluptatibus-quod
$ yarn add @hutechtechnical/sint-dolor-voluptatibus-quod
```

## Features

- Easy to set up for real, you can make it work in less than 10sec!
- Super easy to customize
- RTL support
- Swipe to close 👌
- Can choose swipe direction
- Super easy to use an animation of your choice. Works well with animate.css for example
- Can display a react component inside the toast!
- Has ```onOpen``` and ```onClose``` hooks. Both can access the props passed to the react component rendered inside the toast
- Can remove a toast programmatically
- Define behavior per toast
- Pause toast when the window loses focus 👁
- Fancy progress bar to display the remaining time
- Possibility to update a toast
- You can control the progress bar a la `nprogress` 😲
- You can limit the number of toast displayed at the same time
- Dark mode 🌒
- Pause timer programmaticaly 
- Stacked notifications!
- And much more !

## The gist

```jsx
  import React from 'react';

  import { ToastContainer, toast } from '@hutechtechnical/sint-dolor-voluptatibus-quod';
  import '@hutechtechnical/sint-dolor-voluptatibus-quod/dist/ReactToastify.css';
  
  function App(){
    const notify = () => toast("Wow so easy!");

    return (
      <div>
        <button onClick={notify}>Notify!</button>
        <ToastContainer />
      </div>
    );
  }
```

## Demo

[A demo is worth a thousand words](https://fkhadra.github.io/@hutechtechnical/sint-dolor-voluptatibus-quod/introduction)

## Documentation

Check the [documentation](https://fkhadra.github.io/@hutechtechnical/sint-dolor-voluptatibus-quod/introduction) to get you started!

## Contribute

Show your ❤️ and support by giving a ⭐. Any suggestions are welcome! Take a look at the contributing guide.

You can also find me on [reactiflux](https://www.reactiflux.com/). My pseudo is Fadi.

## Contributors

### Code Contributors

This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].
<a href="https://github.com/hutechtechnical/sint-dolor-voluptatibus-quod/graphs/contributors"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/contributors.svg?width=890&button=false" /></a>

### Financial Contributors

Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/contribute)]

#### Individuals

<a href="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/individuals.svg?width=890"></a>

#### Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/contribute)]

<a href="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/0/website"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/0/avatar.svg"></a>
<a href="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/1/website"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/1/avatar.svg"></a>
<a href="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/2/website"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/2/avatar.svg"></a>
<a href="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/3/website"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/3/avatar.svg"></a>
<a href="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/4/website"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/4/avatar.svg"></a>
<a href="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/5/website"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/5/avatar.svg"></a>
<a href="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/6/website"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/6/avatar.svg"></a>
<a href="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/7/website"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/7/avatar.svg"></a>
<a href="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/8/website"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/8/avatar.svg"></a>
<a href="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/9/website"><img src="https://opencollective.com/@hutechtechnical/sint-dolor-voluptatibus-quod/organization/9/avatar.svg"></a>

## Release Notes

You can find the release note for the latest release [here](https://github.com/hutechtechnical/sint-dolor-voluptatibus-quod/releases/latest)

You can browse them all [here](https://github.com/hutechtechnical/sint-dolor-voluptatibus-quod/releases)

## License

Licensed under MIT