Minimal Notification Library In Vanilla JavaScript – notes.js

Category: Javascript , Notification | July 18, 2017
Author: j4cobgarby
Views Total: 328
Official Page: Go to website
Last Update: July 18, 2017
License: MIT

Preview:

Minimal Notification Library In Vanilla JavaScript – notes.js

Description:

nnotes.js is a very small JavaScript library used for displaying success/info/error/warning notifications in the html page. Smooth in/out animations based on CSS3.

How to use it:

Load the stylesheet ‘inln-notify.min.css’ and JavaScript ‘inln-notify.min.js’ in your html file.

<link rel="stylesheet" href="src/inln-notify.min.css">
<script src="src/inln-notify.js"></script>

The basic JavaScript syntax.

  • element: Where to place the notification.
  • type: Notification type: succ, warn, info, erro.
  • text: Notification text.
  • posMode: Position mode: 1~4.
  • time: Auto close after this timeout.
  • spacing: in pixels.
Notify(element, type, text, posMode, time, spacing)