Adds a Material Design “ripple” effect to an element. The ripple effect will spread from the position where the user taps.
Some elements such as <ons-button> and <ons-fab> support a ripple attribute.
Tutorial contents will be added soon.
| 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. |
| center | Boolean | If this attribute presents, change the position of wave effect to center of the target element. Optional. |
| disabled | If this attribute is set, the ripple effect will be disabled. Optional. |
| Name | Description |
|---|---|
| center | If this attribute presents, change the position of wave effect to center of the target element. |
| disabled | Whether the element is disabled or not. |
| Name | Description |
|---|---|
| light-gray | Change the color of effects to light gray. |
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.