Notifyzz NPM | npm.io

NotifyzZ

Plugin for shown notifications on your site.

Demo

Usage

Connect

In head:

<link rel="stylesheet" href="/js/notifyzz.min.css">

Before </body>

<script src="/js/notifyzz.min.js"></script>

HTML

<div class="timer j-timer"></div>

Initialization

new NotifyzZ({
  title: 'BrooonS',
  content: 'Hello world!',
});

Config

new NotifyzZ({
  title: '',
  content: '',
  duration: 5000,
  extraClass: '',
  position: '',
  isClosingOnClick: true,
  isClosingOnSwipe: true,
  beforeCreate() {},
  beforeOpen() {},
  beforeClose() {},
  beforeDestroy() {},
  beforeContainerDestroy() {},
});

Setting	Description	Type
title	Title in notify (allow HTML)	`string`
content	Content in notify (allow HTML)	`string`
duration	Duration of a notification	`number`
extraClass	Added to notify	`string`
position	Notify position (allow left, bottom)	`string`
isClosingOnClick	Close on mouse or touch	`boolean`
isClosingOnSwipe	Close on swipe on mobile devices	`boolean`
beforeCreate	Callback	`function`
beforeOpen	Callback	`function`
beforeClose	Callback	`function`
beforeDestroy	Callback	`function`
beforeContainerDestroy	Callback	`function`

Author

@BrooonS

Licence

MIT licence