0.1.3 • Published 4 years ago

react-advanced-notify v0.1.3

Weekly downloads
16
License
-
Repository
-
Last release
4 years ago

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

import React from 'react';
import Notifications, {showToast} from 'react-advanced-notify';
import './App.css';

function App() {
  let triggerToaster = () => {
    showToast('User Info Saved Successfully', 'Failed', 2000, 'bottomright');
  }
  return (
    <div className="App"><div><div style={{'cursor': 'pointer'}} onClick={()=>triggerToaster()}>Click Me for Notification! </div><br />
    Website contents Goes here... Website contents Goes here... Website contents Goes here...
    Blah Blah Blah
    </div><Notifications></Notifications>
     </div>
  );
}
export default App;