mirror of https://github.com/idanoo/GoScrobble.git synced 2024-11-24 09:25:15 +00:00

History

Daniel Mason 7e38fdbd7d 0.2.0 - Mid migration		2022-04-25 14:48:54 +12:00
..
dist	0.2.0 - Mid migration	2022-04-25 14:48:54 +12:00
scss	0.2.0 - Mid migration	2022-04-25 14:48:54 +12:00
LICENSE	0.2.0 - Mid migration	2022-04-25 14:48:54 +12:00
package.json	0.2.0 - Mid migration	2022-04-25 14:48:54 +12:00
README.md	0.2.0 - Mid migration	2022-04-25 14:48:54 +12:00

README.md

React-Toastify

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

Installation

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

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 🌒
And much more !

The gist

  import React from 'react';

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

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