# vue2-notification-new

> A Vue.js package build to ease notification process

Latest version **1.0.2** (published 2017-10-25) · 0 weekly downloads

## Install

```sh
npm install vue2-notification-new
pnpm add vue2-notification-new
yarn add vue2-notification-new
bun add vue2-notification-new
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2017-10-25 |
| First published | 2017-10-23 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 4.0.0 |
| Dependencies | 2 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Monish |
| Maintainers | narwanimonish19 |
| Keywords | vue, notification, vue-notification |

## Links

- npm: https://www.npmjs.com/package/vue2-notification-new
- Repository: https://github.com/monishnarwani/vue2-notification-new
- Homepage: https://github.com/monishnarwani/vue2-notification-new#readme
- Issues: https://github.com/monishnarwani/vue2-notification-new/issues
- npm.io page: https://npm.io/package/vue2-notification-new

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.5.2
- [css-loader](https://npm.io/package/css-loader.md) ^0.28.7

## Alternatives

- [update-check](https://npm.io/package/update-check.md) — 4.0M weekly downloads
- [react-native-onesignal](https://npm.io/package/react-native-onesignal.md) — 134.5K weekly downloads
- [react-redux-toastr](https://npm.io/package/react-redux-toastr.md) — 33.7K weekly downloads
- [@nocobase/plugin-notification-manager](https://npm.io/package/@nocobase/plugin-notification-manager.md) — 2.0K weekly downloads
- [react-simple-toasts](https://npm.io/package/react-simple-toasts.md) — 1.9K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2017-10-25
- 1.0.16 — 2017-10-24
- 1.0.15 — 2017-10-24
- 1.0.14 — 2017-10-24
- 1.0.13 — 2017-10-24
- 1.0.12 — 2017-10-24
- 1.0.11 — 2017-10-24
- 1.0.1 — 2017-10-23
- 1.0.0 — 2017-10-23

## README

# Vue2-notification-new
_____

## Installation:

#### Using NPM:
```js
npm install vue2-notification-new --save
```

#### Using Yarn:
```js
yarn add vue2-notification-new
```

## Props:

| Props Name | Type | Options |
| ---------- | ---- | ------- |
| type | String | Primary, Warning, Danger, Success, Info
| duration | Number | value in MilliSeconds

## Events Fired: 
| Event Name | Comments |
| ---------- | ------- |
| notification-closed | Event fired if notification is explicitly closed by user |




## Basic Usage:

### Template

```js
<notification type="danger" @notification-closed="closed">
    <img src="./assets/logo.png" alt="">
    <span>Lacus pulvinar veniam illum voluptates inceptos exercitation laoreet accumsan? Ullamco.</span>
</notification>
```

### Script
```js
import Notification from 'vue2-notification-new'

export default {
    components: {
        Notification
    },
    methods: {
        closed () {
            console.log('Notification was closed explicitly')
        }
    }
}
```

## Setting Notification Duration:

### Template

```js
<notification type="danger" :duration="5000" @notification-closed="closed"> //Notification will disappears after 5sec
    <img src="./assets/logo.png" alt="">
    <span>Lacus pulvinar veniam illum voluptates inceptos exercitation laoreet accumsan? Ullamco.</span>
</notification>
```

### Script
```js
import Notification from 'vue2-notification-new'

export default {
    components: {
        Notification
    },
    methods: {
        closed () {
            console.log('Notification was closed explicitly')
        }
    }
}
```

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