Vue.js Material Ripple Component

Vue.js Material Ripple Component

Simple material ripple effect wrapped in a component.

vue-material-ripple

Build Status Coverage Status

Simple material ripple effect wrapped in a component.

Installation

npm install vue-material-ripple

Usage

<template>
  <div class="ripple-examples__component">
    <h1>You can place Material Ripple effect on any other component</h1>

    <button type="button" class="ripple-example-button">
      Button
      <MaterialRipple></MaterialRipple>
    </button>
  </div>
</template>

<script>
  import MaterialRipple from 'vue-material-ripple'

  module.exports = {
    name: 'material-ripple-examples',
    components: {
      MaterialRipple
    }
  }
</script>

For more examples, please check /play folder and the project's website.

Github Repository

Tags: #VueJs