Introducing Socket Firewall: Free, Proactive Protection for Your Software Supply Chain.Learn More
Socket
Book a DemoInstallSign in
Socket

yoda-vuetoaster

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

yoda-vuetoaster

A Vue.js Plugin for toaster

latest
Source
npmnpm
Version
1.0.0
Version published
Maintainers
1
Created
Source

VueToaster

npm vue2

A Vue.js Plugin

Installation

npm install --save yoda-vuetoaster

Usage

Bundler (Webpack, Rollup)

import Vue from 'vue'
import VueToaster from 'yoda-vuetoaster'
// You need a specific loader for CSS files like https://github.com/webpack/css-loader
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' // `success` or `error`
}

||||

Browser

<!-- Include after Vue -->
<!-- Local files -->
<link rel="stylesheet" href="yoda-vuetoaster/dist/yoda-vuetoaster.css"></link>
<script src="yoda-vuetoaster/dist/yoda-vuetoaster.js"></script>

<!-- From CDN -->
<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.

# Bump the version first
# It'll also commit it and create a tag
npm version
# Push the bumped package and tags
git push --follow-tags
# Ship it 🚀
npm publish

License

MIT

FAQs

Package last updated on 17 Aug 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts