React Advanced Notify

Simple yet powerful way to notify toaster message

Currently this component supports:

1. Auto Close Based on TimeSet
2. Success and Failure different color
3. Configurable message

Future Plans:

1. Icon included based on your prefrences
2. History of notification shown

Setup Guide: npm install --save react-advanced-notify

1import React from 'react';
2import Notifications, {showToast} from 'react-advanced-notify';
3import './App.css';
4
5function App() {
6  let triggerToaster = () => {
7    showToast('User Info Saved Successfully', 'Failed', 2000, 'bottomright');
8  }
9  return (
10    <div className="App"><div><div style={{'cursor': 'pointer'}} onClick={()=>triggerToaster()}>Click Me for Notification! </div><br />
11    Website contents Goes here... Website contents Goes here... Website contents Goes here...
12    Blah Blah Blah
13    </div><Notifications></Notifications>
14     </div>
15  );
16}
17export default App;