Ion-chip: How to disable it without lowering the opacity?

If you aren’t using them as clickable elements, then I would just create your own vs. trying to override the CSS. It only takes some padding, color, and rounded corners.

But, if you are set on using an ion-chip, then this seems to work:

<ion-chip :disabled="true" style="opacity: 1;">Disabled</ion-chip>
1 Like