vue-md-ripple

Ripple effect for Vue

Usage no npm install needed!

<script type="module">
  import vueMdRipple from 'https://cdn.skypack.dev/vue-md-ripple';
</script>

README

vue-md-ripple

Install

yarn add vue-md-ripple

or

npm install vue-md-ripple

Demo

点击查看 Demo

Usage

// main.js

// ...
import VueRipple from 'vue-md-ripple'
import 'vue-md-ripple/dist/ripple.css'

Vue.use(VueRipple)
// ...

<template>
  <div>
    <div class="btn" v-ripple>Button</div>
    <div class="btn" v-ripple="{center: true, ios: true}">Center</div>
    <div class="btn" v-ripple style="color: red">Red Ripple</div>
  </div>
</template>