Pure JavaScript Web Notifications Widget – Notus

Preview:

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