Simple Growl-like Notifications with Pure JavaScript – notiFire

Category: Javascript , Notification | April 4, 2015
Author: DongZhang
Views Total: 764 views
Official Page: Go to website
Last Update: April 4, 2015
License: MIT

Preview:

Simple Growl-like Notifications with Pure JavaScript – notiFire

Description:

notiFire is a simple JavaScript library intended to display growl-style notification messages on your webpage / web application. It comes up with 5 built-in notification types and you can add your own styles whatever you like in the CSS.

Basic usage:

Load the notiFire.css for basic styles and themes.

<link href="css/notiFire.css" rel="stylesheet">

Load the notiFire.js library in your document.

<script src="js/notiFire.js"></script>

Create a simple notification message.

notifire({
  msg: 'this is a test message'
});

Default settings.

notifire({

// default, success, info, warning, danger
types: 'default',

// width of the notify bar
width: 200,

// height of the notify bar
height: 50,

// left, right
position: 'left',

// notification message
msg: 'This is message by default',

// auto close after the specified timeout
timeout: 5000

});

You Might Be Interested In:


Leave a Reply