Global settings

Using updateRippleConfig({ ...options }) method from useRipple() composable to mutate the default configs

Mode: click

Color: [ 255, 255, 255 ]

Alpha: 0.4

Overflow: false

Scale: 1

Dynamic generated: false


Globally affected


Overriding global config

Passing an object with custom options to v-ripple directive

Color: string

Mode: 'click' | 'hover' | 'pulse'

Overflow: boolean

Duration: number

Scale: number

Overriding multiple settings


Dynamically generated

loading...