Home

Awesome

notifit 2 version 1.0.0 license MIT

notifIt version 2 (https://github.com/naoxink/notifIt)

Why notifit 2?

Note: notif_prompt and notif_confirm are not included yet.

How do I use it?

It's quite simple, you only have to include the .js and .css files in your HTML.

<link rel="stylesheet" href="notifit.min.css">

and

<script src="notifit.min.js"></script>

or via npm

npm i notifit2
var myNotification = notif({
  'type': 'success',
  'msg': 'Hello world! This is notifit 2!'
})

Available options

KeyValue typeRequiredOptionsDescription
typestringNosuccess, error, info, warningNotification type (color)
msgstringNoMessage you want to display
positionstringNotop-right, top-center, top-left, bottom-right, bottom-center, bottom-leftPosition in the document (default: top-right)
opacitynumberNoNotification opacity
zindexnumberNoPersonal z-index
callbackfunctionNoFunction that is executed when notification get dismissed
clickablebooleanNotrue, falseAllows to click the notification without dismiss it

Feedback

Do not hesitate to leave your feedback here

Contributions

All contributions are welcome :)