handy-notification v1.2.8
Handy-Notification
Google+ style notification which comes from the bottom to notify.
Quick links
Screenshot
The above screenshot is from React-Instagram-clone-2.0
Usage
First install the package with
npm
orYarn
.# 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 })
Example
npm run example
Run the above command and open http://localhost:7007
API
Notify(options:Object)
options = {
beforeTop: String,
afterTop: String,
value: String,
selector: jQueryElement,
onClick: Function,
done: Function
}
Contribute
Show your support by 🌟 the project!!
Feel free to contribute!!
Thanks for reading!!
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago