Javascript Library for Popup Messages on a Web Page | notification.js

Popup Notifications is a Javascript library for popup messages on a web page. Pure JavaScript and CSS, no dependencies.

javascript notification popup, notification css, javascript notification popup library, alert message in javascript, html notification popup, css notification popup

How to make use of it:

1. Load the notification shapefile .css and javascript. js file in an HTML document.

<link href="./notification.css" rel="stylesheet" />
<script src="./notification.js"></script>

2. Create a new popup.

const popup = Notification({
      // options here
});

3. Create toast-style notifications.

popup.info({
  title: 'Message Title',
  message: 'Message Here',
});

popup.success({
  title: 'Message Title',
  message: 'Message Here',
});

popup.warning({
  title: 'Message Title',
  message: 'Message Here',
});

popup.error({
  title: 'Message Title',
  message: 'Message Here',
});

// OR
popup.showPopup({ 
  type: Type, 
  title: Title, 
  message: Message,
});

4. Create a confirmation dialog.

popup.dialog({
  title: 'Message Title',
  message: 'Message Here',
  callback: function(result){
    // do something
  }
});

// OR
popup.showPopup({ 
  type: 'dialog', 
  title: Title, 
  message: Message,
  callback: callback,
});

5. Customize the duration and position of the notification dialog.

const popup = Notification({
      
      // 'top-right', 'bottom-left'
      // 'top-left', 'center'
      position: 'bottom-right',

      // in milliseconds
      duration: 3000,
      
});

Animated Notification Dialog In JavaScript, notification popup Plugin/Github, javascript alert box css design, notification page design html

See Demo And Download

Official Website(amaterasusan): Click Here

This superior jQuery/javascript plugin is developed by amaterasusan. For extra Advanced Usages, please go to the official website.