0.1.0 • Published 7 years ago
vue-woah v0.1.0
vue-woah
A Vue transition library based on woah.css
Install
npm install --save vue-woahComponent 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
woahclass to elements within the transitions.
Props
| Prop | Description | Type | Default Value |
|---|---|---|---|
| duration | Length of transition | Number | 5000 |
| group | Is the component a <transition-group> | Boolean | false |
| moveClass | The class which is added when items are changing positions in <transition-group> (learn more) | String | smooth-move |
| tag | What the transition tag is, if group is true | String | div |
| wrapperClass | The class the transition tag has | String | woah-transition-group |
Special Thanks
0.1.0
7 years ago