v-ripple

Ripple Directive For Vue

Starting

NPM

npm install ripple-vue -S

import Vue from 'vue';
import VRipple from 'ripple-vue';

Vue.directive('ripple', VRipple);

CDN

<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
<script src="./dist/v-ripple.js"></script>
<script>
    Vue.directive('ripple', VRipple);
</script>

Usage

<!-- Default -->
<div v-ripple></div>

<!-- Customized -->
<div v-ripple="{color: '#FFF', during: 0.5}"></div>