Miss any of our Open RFC calls?Watch the recordings here! »

noty-img

3.2.0-img • Public • Published

Dependency-free notification library.
Documentation »

GitHub release Bower version NPM version Packagist version CDNJS version
Dependencies Dev Dependencies
Travis NPM Downloads Contributors


Hi

NOTY is a notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog.

The notifications can be positioned at the; top - topLeft - topCenter - topRight - center - centerLeft - centerRight - bottom - bottomLeft - bottomCenter - bottomRight

There are lots of other options in the API to customise the text, animation, buttons and much more.

It also has various callbacks for the buttons, opening closing the notifications and queue control.

About this fork!

This fork is made for adding support of images on notification (like badges), useful for gamification systems.

I have added Yarn support, but I had left package-lock.json. In this way, you are free to use npm (as the original version) or yarn.

This fork is an experimental version and is provided as-is, without any warranty. If you have any troubles, please check if bug belongs to original version before adding an issue here.

Sponsored By


Features

  • Dependency-free
  • Web Push Notifications with Service Worker support
  • UMD
  • Named queue system
  • Has 11 layouts, 5 notification styles, 5+ themes
  • Custom container (inline notifications)
  • Confirm notifications
  • TTL
  • Progress bar indicator for timed notifications
  • Supports css animations, animate.css, mojs, bounce.js, velocity and other animation libraries
  • 2 close options: click, button
  • API & Callbacks
  • Custom templating
  • Document visibility control (blur, focus)

Documentation

Documentation and examples are here: http://ned.im/noty


Basic Usage
import Noty from "noty";
 
new Noty({
  text: "Notification text"
}).show();
 
// or
 
const Noty = require("noty");
 
new Noty({
  text: "Notification text"
}).show();
Development
$ npm run dev
$ npm test
$ npm run build
$ npm run browserstack
$ npm run serve-docs
Development environment
  • Standard
  • Prettier
  • ES6 & Babel & Webpack
  • Sass
  • Autoprefixer
  • QUnit
  • BrowserStack
  • Pre-commit tests
  • Travis CI

JavaScript Style Guide

Install

npm i noty-img

DownloadsWeekly Downloads

1

Version

3.2.0-img

License

MIT

Unpacked Size

513 kB

Total Files

35

Homepage

ned.im/noty

Last publish

Collaborators

  • avatar