how to disable ripple effect from stepper in angular 6/7/8/9/10/11/12/13, is their is an option to remove ripple like tabs and button

Question

The header of step that can be clicked to select the step that time ripple is coming I want to remove or disable the ripple from this stepper.

<mat-vertical-stepper>
  <mat-step label="Step 1">
    Content 1
  </mat-step>
  <mat-step label="Step 1">
    Content 2
  </mat-step>
</mat-vertical-stepper>

Please also explain me how this properties is working . Whether ripples should be disabled for the step headers.

@Input()
disableRipple: boolean

Answer 1

<mat-vertical-stepper [disableRipple]="true">

does it. See it here.