Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

vue-notibar

0.3.1 • Public • Published

Vue Notibar (Notification bar)

AppVeyor Build Status AppVeyor Tests Minimized fiel size Downloads per month Latest version License

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 with options
Vue.use(VueNotibar, options)
 
this.$notibar.add('message')
// or with options
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'
    }
}

Live demo

JSFiddle

Install

npm i vue-notibar

DownloadsWeekly Downloads

25

Version

0.3.1

License

MIT

Unpacked Size

32 kB

Total Files

15

Last publish

Collaborators

  • avatar