react-advanced-notify
v0.1.3
Published
Simple yet powerful way to notify toaster message
Downloads
3
Readme
React Advanced Notify
Simple yet powerful way to notify toaster message
Currently this component supports:
- Auto Close Based on TimeSet
- Success and Failure different color
- Configurable message
Future Plans:
- Icon included based on your prefrences
- 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;