0.1.0 • Published 5 years ago

vue-woah v0.1.0

Weekly downloads
2
License
MIT
Repository
-
Last release
5 years ago

vue-woah

A Vue transition library based on woah.css

Install

npm install --save vue-woah

Component List

  • ComeInStyleTransition
  • FadeInTransition
  • FlyInTransition
  • LeaveInTransition
  • RotateComplexTransition
  • SimpleEntranceTransition
  • Spin3DTransition
  • StarWarsTransition
  • WowzorsTransition

Usage

You can add transitions globally:

import { WowzorsTransition } from 'vue-woah'
Vue.component('WowzorsTransition', WowzorsTransition)

Or within individual components:

import { WowzorsTransition } from 'vue-woah'

export default {
  components: {
    WowzorsTransition
  }
}

Notes:

  • Make sure to add the woah class to elements within the transitions.

Props

PropDescriptionTypeDefault Value
durationLength of transitionNumber5000
groupIs the component a <transition-group>Booleanfalse
moveClassThe class which is added when items are changing positions in <transition-group> (learn more)Stringsmooth-move
tagWhat the transition tag is, if group is trueStringdiv
wrapperClassThe class the transition tag hasStringwoah-transition-group

Special Thanks

Creating Reusable Transitions in Vue by Cristi Jora

Woah.css