@livelybone/vue-button

pkg.module supported, which means that you can apply tree-shaking in you project

A vue button component with anti-shake feature implemented by Promise, custom lock styles or text You maybe need a promise polyfill if you want to use it in IE browser

repository

https://github.com/livelybone/vue-button.git

Demo

http://livelybone.github.io/vue/vue-button/

Installation

npm i -S @livelybone/vue-button

Global name

VueBtn

Usage

// import all
import VueBtn from '@livelybone/vue-button';

// Global register
Vue.component('VueBtn', VueBtn);

// Local register
new Vue({
  components:{VueBtn}
})

when you want to set this module as external while you are developing another module, you should import it like this:

import VueBtn  from '@livelybone/vue-button'

Props

Name	Type	DefaultValue	Description
clickFn	Function(required)	none	The handler of click returns a Promise
errorFn	Function	none	The handler of Promise reject
canUseAgain	Boolean	true	Set whether the button can be used again or not

Slots

default

lock

For custom lock content