Package Exports

vue2-transitions

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue2-transitions) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue2-transitions (WIP)

Demo

✨ Reusable component transitions

Why ?

Brings only the code that you need. Many alternative solutions import the whole animate.css library. Vue2-transitions is minimalistic and lets you import only the transitions that you need in your app

Each transition component has ~2kb (~400 bytes gzipped) and you can import only the ones you really need.
Configurable. You can configure animation enter and leave durations as well as all the props of the native Vue transition components through props
Easy to use. No extra classes

Install

yarn add vue2-transitions

CDN: UNPKG | jsDelivr (available as window.Vue2Transitions)

Usage

<template>
   <FadeTransition>
      <div class="box" v-show="show">
        <p>Fade transition</p>
      </div>
    </FadeTransition>
</template>

<script>
import {FadeTransition} from 'vue2-transitions'

export default {
  components: {
    FadeTransition
  }
}
</script>

vue2-transitions