cmp-ripple (Demo)

See the repo for more informations and docs.

Simply init the elements via cmpRipple(elements);.

Try clicking the following buttons or the page background itself.

Click me Or me! No! Click me instead

Passing a single element

Limit your query to single elements, if you want to.

Notice how click events bubble up to the page wrapper on buttons w/o effect.

Click me not. But me instead! Click me neither

Allow Event bubbling

You can still allow for event bubbling via option { bubble: true }.

Click me Or me! No! Click me instead

Click this heading, too

This is a simple Text.
You can tap it too … – but you already knew that.
The circle has a different color though.

Tap inside this div: