Директива Ripple

Директива v-ripple используется для отображения действий пользователя. Он может применяться к любому элементу. Многочисленные компоненты имеют встроенную директиву ripple, такую как v-btn, v-tabs-item и другие.

Применение

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

API

v-ripple
Имя
value
По умолчанию
{}
Тип
Object

Directives.Ripples.

Примеры

Пользовательский цвет

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

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