4 parameters are available, they are all optional :
- type (Default: “note”) :
“note” : the default one displays a blue notification “success” : displays a green notification
“warning” : displays a orange notification “error” : displays a red notification
- text (Default: “Hello, World!”) : this is where you specify the text you wont to be inside the notification
- duration (Default : 3000) : this is the number of milliseconds that the notification will stay displayed on the screen
- prepend (Default) : whether you want the type of notification written before the text or not.
The only thing you have to do each time you wonna display a notification, is to create a new instance of the
ZNotif object and passing it some arguments.
I want a warning notification that says “What are you doing here?!”
I want it to fire when the #my-elemnt is clicked
It has to last 5 second on my screen.
var elem = document.getElementById("#my-element");
Everything is explained HERE
You can find the sources on the github repo
Feel free to share, fork, pull request , issue or comment below ;)