React Reference > Ripple Component

<Ripple />

Adds a Material Design “ripple” effect to an element.

Usage 

<div className='myList'>
     <Ripple color='red' />
   </div>

Props

[improve this]
Name Type Description
color string Color of the ripple effect. Optional.
modifier string The appearance of the ripple effect. Optional.
background string Color of the background. Optional.
size string Sizing of the wave on ripple effect. Set “cover” or “contain”. Default is “cover”. Optional.
size bool Changes the position of wave effect to center of the target element. Optional.
disabled bool Specifies whether the button is disabled. Optional.

Preset Modifiers

[improve this]
Name Description
light-gray Change the color of effects to light gray.

Need Help?

If you have any questions, use our Community Forum or talk to us on Discord chat. The Onsen UI team and your peers in the community will work together to help solve your issues.

For bug reports and feature requests use our GitHub Issues page.