Thanks to vuetify.
This is a custom directive which extracts from vuetify's ripple directive.
- There is no dependence.
- Mobile and PC friendly.
- Tiny and stable.
npm install vuetify-ripple
Import and registers Ripple globally in your main.js file
import Ripple from 'vuetify-ripple';
Vue.directive('ripple', Ripple);
Then you can use 'v-ripple' in block element.For example:
<div v-ripple>Test div</div>
or
<button v-ripple>Test Btn</button>
MIT