Disable animation of mat-stepper while in transition

Question

Is there any way to disable animation of Angular material's mat-stepper control, when we are switching from one step to another ?

Answer 1

Angular animations can be disabled by setting the elements property @.disabled, see https://angular.io/api/animations/trigger#disable-animations

You can simply put [@.disabled] = "true" input to your mat-stepper

<mat-horizontal-stepper [@.disabled]="true" [linear]="isLinear" #stepper>