Pretty Notification JavaScript Library – noticejs

Just another zero-dependency JavaScript to create customizable, stackable and dismissable notification boxes on the webpage.

Features:

• 4 notification types: error, warning, info, success.
• 9 positions: top left, top right, top center, middle left, middle right, middle center, bottom left, bottom right, and bottom center.
• Supports HTML notification content.

How to use it:

Download the zip and link to the ‘noticejs.css’ and ‘noticejs.js’ files as these.

<script src="/dist/notice.js"></script>
<link rel="stylesheet" href="/dist/noticejs.css">

Initialize the noticejs library and define the notification title & content:

NoticeJS.init({
  title: 'notification title',
  content: 'notification content'
}

Customize the notification with the following settings.

NoticeJS.init({
  title: 'notification title',
  content: 'notification content'
},{
  // error, warning, info, success.
  type: 'success',
  // topLeft, topCenter, middleLeft, middleRight, middleCenter, bottomLeft, bottomRight, bottomCenter.
  position: 'topRight',
  // shows close icon
  close: true,
  // enable auto dismis
  autoClose: true
  
}