Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Disable animation of mat-stepper while in transition

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

like image 661
Sreekumar P Avatar asked Aug 02 '18 14:08

Sreekumar P


1 Answers

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>
like image 54
darkz Avatar answered Oct 20 '22 15:10

darkz