React-toastify NPM

React-Toastify

React toastify

stacked

custom-style

🎉 React-Toastify allows you to add notifications to your app with ease.

Installation

$ npm install --save react-toastify
$ yarn add react-toastify

  import React from 'react';

  import { ToastContainer, toast } from 'react-toastify';
  
  function App(){
    const notify = () => toast("Wow so easy!");

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

Documentation

Check the documentation to get you started!

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 !

Demo

A demo is worth a thousand words

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. My pseudo is Fadi.

Contributors

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

Release Notes

You can find the release note for the latest release here

You can browse them all here

License

Licensed under MIT

react notification toast react-component react-toastify push alert snackbar message

clsx

@quiltt/ui @caravinci/arranger-components dusalabssdk @arcanishq/styleguide cerebro-frontend @bradtech/widgets xverse-components react-ui-components-lib nss-react-lib reactjs-99uno template-avenue @artibulles-cis/react @fiori-for-react/fiori3 @ui5-webcomponents-react/fiori3 gamiphy-react gamiphy-dashboard-react taong-grasa svn-controle react-pathway-mapper carbon-addons-boomerang-react react-paytm-created chorus-components pwa-fe aphrodite-react single-page-app cp-react-shipping-form cp-react-testing1 asergis-ui amindbootstrap1 amindbootstrap natbootstrap2 @luchmewep/mdbreact @artiweb.artibulles/artiweb-react artiweb-react widget_soln widget_soln_webpack annotestt annotwe annotateimagetest annotatest imgeswarlib testabb testiaa @sellics/profit patterneditor template-lastino 99uno-react-js2 99uno-reactjs enotarylog-client ehacells bento-frontend pops-app-sstv pops-kids-sstv pops-plus-web lumiastream freetronic review-rating @xbotvn/ui cheburashka-components spfx spfx-test chatpool-webwidget odge-lib rubeus gron-ui vanilli-shop conquista-componentes ers_flowtagwebfrontend react-starter-ahl-app financial-styleguide basic-ui-design marykirk-common-components react-basic-design-test crypticcoin-wallet crypticcoin-wallet-test iot-platform-package @agney/neetoui @devapi/design-system adalnamskra-islandui @epignosis_llc/gnosis1 customizable-react-ui dbyzero-test json-inspector-helper kudi-component-lib reactfaber xh-common-pck xinherc1 sid-npm-test3 sid-npmtest-1 sid-npmtest-2 sid-test-create-npm @fishbot/test-mui @fishbot/test-react-ui @fishbot/ui storybook-nextjs-npm protogen-fb learning-analytics-library multisys-design-system onecam-shared react-morfo

1 year ago

1 year ago

1 year ago

12 months ago

12 months ago

12 months ago

10 months ago

12 months ago

12 months ago

10 months ago

10 months ago

12 months ago

11 months ago

12 months ago

12 months ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

9.0.7-fix-autoclose-1

3 years ago

9.0.7-fix-autoclose-2

3 years ago

4 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

8.0.2-with-side-effects

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago