Skip to content

v-ripple

Function Introduction

Add ripple dynamic effects to the clicked element

Example

Usage

typescript
<template>
  <button v-ripple >Default</button>
  <button v-ripple.mouseover >MouseOver</button>
  <button v-ripple.mouseout >MouseOut</button>
  <button v-ripple="'rgba(255, 255, 255, 0.35)'" >Custom color</button>
</template>

Released under the MIT License.