Directiva ripple (ondulaciones)

La directiva v-ripple se usa para mostrar una acción de un usuario. Puede ser aplicada a cualquier elemento de nivel de bloque (block level). Muchos componentes vienen con la directiva ripple integrada. Tal es el caso de v-btn, v-tabs-item y muchos más.

Uso

Basic ripple functionality can be enabled just by using v-ripple directive on a component or an HTML element

API

v-ripple
Nombre
value
Default
{}
Type
Object

Directives.Ripples.

Ejemplos

Custom color

Using a helper class, you can change the color of the ripple.

Centered ripple

When a center option is used ripple will always originate from the center of the target.

Ripple in components

Some components provide the ripple prop that allows you to controll the ripple effect. You can turn it off or customize the behaviour by using class or center options.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore