The ripple effect component adds the Material Design ink ripple interaction effect. This component can be used without a button and can be added to any component.
<div> <ion-ripple-effect></ion-ripple-effect> A plain div with a ripple effect </div> <button> <ion-ripple-effect></ion-ripple-effect> Button </button>
Sets the type of ripple-effect:
NOTE: Surfaces for bounded ripples should have the overflow property set to hidden, while surfaces for unbounded ripples should have it set to visible.
Adds the ripple effect to the parent element