Для бизнеса

The v-ripple directive is used to show action from a user. It can be applied to any block level element. Numerous components come with the ripple directive built in, such as the v-btn, v-tabs-item and many more.

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

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

Используя класс-помощник, вы можете изменить цвет пульсации.

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

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.

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!