Vue Notibar (Notification bar)

Notification bar (Snackbar) plugin for Vue.js.

View Demo View Github

Installation

Using npm

$ npm i vue-notibar

or CDN

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-notibar/dist/vue-notibar.js"></script>

Usage

import Vue from 'vue'
import VueNotibar from 'vue-notibar'

Vue.use(VueNotibar)
// or
Vue.use(VueNotibar, options)

this.$notibar.add('message')
// or
this.$notibar.add('message', options)

Options

{
    textColor: String, // default '#FFFFFF'
    backgroundColor: String, // default '#323232'
    time: Number, // default 5000. Set null to disable timeout
    position: String, // default 'center'. Possible values: 'left', 'center', 'right'
    dismiss: {
        show: Boolean, // default false
        color: String, // default '#FFFFFF'
    }
}

GitHub