VueToaster

A Vue.js Plugin
Installation
npm install --save yoda-vuetoaster
Usage
Bundler (Webpack, Rollup)
import Vue from 'vue'
import VueToaster from 'yoda-vuetoaster'
import 'yoda-vuetoaster/dist/yoda-vuetoaster.css'
Vue.use(VueToaster)
Example
<yoda-vuetoaster
type="success"
content="Toaster Message"
autoClose="true"
autoCloseTime="2000"
></yoda-vuetoaster>
Props config
autoClose: {
type: Boolean,
default: true
},
autoCloseTime: {
type: Number,
default: 3000
},
showToaster: {
type: Boolean,
default: false
},
content: {
type: String,
default: 'Message'
},
types: {
type: String,
default: 'success'
}
||||
Browser
<link rel="stylesheet" href="yoda-vuetoaster/dist/yoda-vuetoaster.css"></link>
<script src="yoda-vuetoaster/dist/yoda-vuetoaster.js"></script>
<link rel="stylesheet" href="https://unpkg.com/yoda-vuetoaster/dist/yoda-vuetoaster.css"></link>
<script src="https://unpkg.com/yoda-vuetoaster"></script>
Development
Launch visual tests
npm run dev
Launch Karma with coverage
npm run dev:coverage
Build
Bundle the js and css of to the dist
folder:
npm run build
Publishing
The prepublish
hook will ensure dist files are created before publishing. This
way you don't need to commit them in your repository.
npm version
git push --follow-tags
npm publish
License
MIT