vue2-notification-new v1.0.2

Vue2-notification-new

Installation:

Using NPM:

npm install vue2-notification-new --save

Using Yarn:

yarn add vue2-notification-new

Props:

Events Fired:

Basic Usage:

Template

<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

import Notification from 'vue2-notification-new'

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

Setting Notification Duration:

Template

<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

import Notification from 'vue2-notification-new'

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