Vue Ripple
Vue Component to Make Google Material Design Ripple Effect. It's adopted from angular-ripple
Install
You can import vue-ripple to your vue component file like this and process it with your preprocessor.;
You can install it via NPM
npm install vue-ripple
Usage
Usage With Predefined Ripple Button
Click On Me!
Usage Standalone Ripple Component
Click On Me!
Props
cursorPos (Object)
You need to describe the cursor position ( when parent is clicked ) with the structure like the object bellow
let cursorPos = top: eclientY left: eclientX
Thank You for Making this useful~
Let's talk about some projects with me
Just Contact Me At:
- Email: bosnaufalemail@gmail.com
- Skype Id: bosnaufal254
- twitter: @BosNaufal
License
MIT Copyright (c) 2016 - forever Naufal Rabbani