A handy Google+ style notification which notifies you & transitions back to the bottom!! 🔔🔔🔔
Google+ style notification which comes from the bottom to notify.
The above screenshot is from React-Instagram-clone-2.0
First install the package with npm
or Yarn
.
# with npm
npm install handy-notification
# or with Yarn
yarn add handy-notification
Create a div with class handy-notify
.
<div class='handy-notify'>
<span></span>
</div>
And here comes the fun part.
import Notify from 'handy-notification'
Notify({
value: "Hello, how are you?", // Message to be displayed
onClick: e => console.log('Clicked!!'), // Function executed when clicked on the notification bar
done: () => console.log('I notified you & went back to the bottom!') // function to be executed when you're notified
})
npm run example
Run the above command and open http://localhost:7007
Notify(options:Object)
options = {
beforeTop: String,
afterTop: String,
value: String,
selector: jQueryElement,
onClick: Function,
done: Function
}
Show your support by the project!!
Feel free to contribute!!
Thanks for reading!!