Vue Notif
## Installation
```bash
npm install vue-notif --save
```
## Usage
- register the component "we use ***Bulma*** for styling the notification cards".
```js
window.Vue = require('vue')
window.EventHub = require('vuemit')
Vue.component('MyNotification', require('vue-notif'))
```
- add the component to your page
```html
```
- now call it either
+ from html
```html
```
+ or from js
```js
EventHub.fire('showNotif', {
title: 'title',
body: 'body',
type: 'success',
duration: 1,
icon: false,
onClose(){
// what happen when notification is closed
}
});
```
| prop | required | type | default |
|----------|----------|----------|---------------------------------------------|
| title | :x: | string | null |
| body | :x: | string | null |
| type | :x: | string | info |
| duration | :x: | number | in seconds / null "card will remain visible"|
| icon | :x: | bool | true |
| onClose | :x: | function | null |
- clicking the card itself will dismiss the notification as well.