CODEWITHSUNDEEP
webmaterial-design
Nero
Nero

Reputation: 1575

How to disable ripple effect in google material design web components

I use google material design web components. In some cases, components come with ripple enable as default. For example, the switch component has ripple by default. My question is how can I disable it.

Upvotes: 1

Views: 2288

Answers (1)

Miguel Ramos
Miguel Ramos

Reputation: 51

Add this [disableRipple]="true" to the component:

Note this might only work from > Angular 4

i.e.

<mat-tab-group class="tabs" [disableRipple]="true">
    <mat-tab>
      <ng-template mat-tab-label>
        Assigned Tasks
      </ng-template>
      <app-ongoingtasks></app-ongoingtasks>
    </mat-tab>
</mat-tab-group>

You can check this post: Angular Material 2 - Disable Ripple?

Hope this helps. Regards

Upvotes: 1

Related Questions