Disable ripple effect on element

Question

I'd like to disable the ripple effect on an ion-chip element, which fires on click:

<ion-chip>
   <ion-label>Hey</ion-label>
</ion-chip>

How can I achieve this?

Answer 1

<ion-chip style="pointer-events: none;" >

that will disable the styling click event in the component. Assuming you want a click event you could put a div around it.

Answer 2

please try this code to remove ripple effect

ion-chip.button-effect {
     display:none !important;
    }