v-rippleディレクティブはユーザからのアクションを表示する際に利用します。どのブロックレベルの要素に対しても設定できます。v-btnv-tabs-itemなど多くのコンポーネントにrippleディレクティブが組み込まれています。

Usage

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

API

Examples

Custom color

Helperクラスを利用すれば波紋の色を変更できます。

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
StoreFor Enterprise