V-Wave

The material-ripple directive for Vue that actually works!

Installation

To get started, you will need to install the package. You can visit the V-Wave page for more details... All the details 🙂.

npm install v-wave

Add it to nuxt.config.ts

Once installed, you can add it to your nuxt.config.ts file.

modules: ["v-wave/nuxt"];

Usage

Buttons

You can add the v-wave directive to any button. Be sure to check out the available options in the repo.

Options

You can change the color of the ripple effect by passing a color to the directive. Even background images are allowed.