javascript-notification-popup-library

A Tiny Javascript Library for Popup Notification | Notifast

by

Notifast is a lightweight JavaScript library for creating and displaying notification popups at the top or bottom of a document.

javascript notification popup library, html notification popup, modal html content in popup window javascript library, popup boxes in javascript, alert in javascript example

How to make use of it:

1. Load the Notifast JavaScript and stylesheet into the document.

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

2. Create a new Notifast instance and locate the notification popup.

let myNotification = notifast({ 
    position: 'bottom-right' 
})

3. Create a basic notice.

myNotification.emitNotification({
  title: 'Notification Title',
  description: 'Notification Message',
})

4. Add a custom icon for the notification.

myNotification.emitNotification({
  title: 'Notification Title',
  description: 'Notification Message',
  icon: 'ANY ICON HTML HERE',
})

5. Set text and background colors:

myNotification.emitNotification({
  title: 'Notification Title',
  description: 'Notification Message',
  backgroundColor: '#FFF',
  fontColor: '#0F73FA',
})

6. Decide if you want to display a close button inside the notification.

myNotification.emitNotification({
  title: 'Notification Title',
  description: 'Notification Message',
  canBeClosed: true,
})

7. Attach a link to the notification.

myNotification.emitNotification({
  title: 'Notification Title',
  description: 'Notification Message',
  link: 'webcodeflow.com',
})

Tiny Popup Notification JavaScript Library, Notifast Plugin/Github, confirm box in javascript, automatic pop up window html, customize javascript alert box css

See Demo And Download

Download

Official Website(lightsyr): Click Here

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

Leave a Comment