# vanilla-notify

> Vanilla Notify ==============

Latest version **0.1.20** (published 2017-10-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install vanilla-notify
pnpm add vanilla-notify
yarn add vanilla-notify
bun add vanilla-notify
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.20 |
| Published | 2017-10-16 |
| First published | 2017-10-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 45 |
| Author | Desk Coder LLC |
| Maintainers | mlaritz |

## Links

- npm: https://www.npmjs.com/package/vanilla-notify
- Repository: https://github.com/mlaritz/Vanilla-Notify
- Homepage: https://github.com/mlaritz/Vanilla-Notify#readme
- Issues: https://github.com/mlaritz/Vanilla-Notify/issues
- npm.io page: https://npm.io/package/vanilla-notify

## Recent versions

- 0.1.20 (latest) — 2017-10-16
- 1.0.0-beta.10 (beta) — 2019-01-04
- 1.0.0-beta.9 — 2019-01-04
- 1.0.0-beta.8 — 2019-01-04
- 1.0.0-beta.7 — 2019-01-04
- 1.0.0-beta.6 — 2019-01-04
- 1.0.0-beta.5 — 2019-01-04
- 1.0.0-beta.4 — 2019-01-04
- 1.0.0-beta.3 — 2019-01-04
- 1.0.0-beta.2 — 2019-01-04
- 1.0.0-beta.1 — 2019-01-03
- 1.0.0-beta.0 — 2019-01-03
- 0.1.19 — 2017-10-16
- 0.1.18 — 2017-10-16
- 0.1.17 — 2017-10-16
- … 2 more at https://npm.io/package/vanilla-notify/versions

## README

Vanilla Notify
==============

Notification Library built using Vanilla Javascript.  No jQuery or other dependencies.

This library was built with customization in mind.  While there are global options, each
notification can override the global options.

## Demo
http://mlaritz.github.io/Vanilla-Notify/

## Installation
The JS and CSS files are required:
```html
<link rel="stylesheet" href="dist/vanilla-notify.css" />

<script src="dist/vNotify.js"></script>
```

## Examples
```javascript
//Info Notification
vNotify.info({text: 'text', title:'title'});

//Success Notification
vNotify.success({text: 'text', title:'title'});

//Warning Notification
vNotify.warning({text: 'text', title:'title'});

//Error Notification
vNotify.error({text: 'text', title:'title'});

//Notify Notification
vNotify.notify({text: 'text', title:'title'});
```

## Global Options
```javascript
vNotify.options = {
  fadeInDuration: 2000,
  fadeOutDuration: 2000,
  fadeInterval: 50,
  visibleDuration: 5000,
  postHoverVisibleDuration: 500,
  position: positionOption.topRight,
  sticky: false,
  showClose: true 
};
```

## Notification Options
Each individual notification can override the global options.

If you want to make an error notification sticky with the close icon:
```javascript
vNotify.error({text: 'text', title:'title', sticky: true, showClose: true});
```

### Dist Folder
The dist folder contains:
* JS File (vNotify.js) to use for debugging purposes
* Minified JS File (vNotify.min.js) to use for your site
* CSS file to link to directly in your HTML
* SCSS Partial file for you to use with your other SASS stylesheets
* LESS file for you to use with your other LESS stylesheets

---
_Source: https://npm.io/package/vanilla-notify · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._