vue-particle-effect-button v1.0.2

Vue-particle-effect-button

Bursting particle effect buttons for Vue.

react-particle-effect-button - Original source this library is based on.

Install

NPM

npm install --save vue-particle-effect-button

Mount

mount with global

import Vue from 'vue'
import ParticleEffectButton from 'vue-particle-effect-button'

Vue.use(ParticleEffectButton)

mount with component

import ParticleEffectButton from 'vue-particle-effect-button'

export default {
  components: {
    ParticleEffectButton
  }
}

Usage

<ParticleEffectButton :hidden="isHidden">
  BUTTON CONTENT GOES HERE
</ParticleEffectButton>

export default {
  data() {
    return {
      isHidden: false
    }
  }
}

You change the hidden boolean prop to kick-off an animation, typically as a result of a click on the button's contents. If hidden changes to true, the button will perform a disintegrating animation. If hidden changes to false, it will reverse and reintegrate the original content.

Props

Event

Slot