Pure JavaScript Web Notifications Widget – Notus

Category: Javascript , Notification | August 13, 2018
Author: kushalpandya
Views Total: 3,206
Official Page: Go to website
Last Update: August 13, 2018
License: MIT

Preview:

Pure JavaScript Web Notifications Widget – Notus

Description:

Notus is a simple, flexible and fully customizable web notification widget for your web project. Built using pure JavaScript without jQuery dependency. Allows you to create multiple types of notifications such as toasts, snackbars, and growl-style alert messages.

How to use it:

Load the Notus’s JavaScript and Stylesheet in the web page.

<link rel="stylesheet" href="src/notus.css">
<script src="src/notus.js" charset="utf-8"></script>

Send a web notification to your users.

myNotus = notus({ /* options */ })

All configuration options.

/* Type can be anything from; 'popup', 'toast' or 'snackbar' */
notusType: 'popup',                     

/* Available positions for different notus types;
   'popup'              => 'top-left', 'bottom-left', 'top-right' or 'bottom-right'
   'toast' & 'snackbar' => 'top' or 'bottom' 
*/
notusPosition: 'top-right',             

/* Alert type can be; 'success', 'failure' or 'warning' */
alertType: 'success',                   

/* Show close button to close Notus */
closable: true,                         

/* Automatically close Notus once autoCloseDuration completes */
autoClose: true,                        

/* Milliseconds to wait before closing  */
autoCloseDuration: 3000,                

/* Animate while showing/hiding Notus */
animate: true,                          

/* Animation Type while showing/hiding Notus; it can be 'slide' or 'fade' */
animationType: 'slide'

Changelog:

08/13/2018

  • Config `message` is no longer optional

You Might Be Interested In:


Leave a Reply