CODEWITHSUNDEEP
angularangular-materialangular-material-stepper
Terry Zhang
Terry Zhang

Reputation: 4791

How to stop user moving to next step until finish the current step using Angular Material Stepper(Angular 4)

I am using Angular Material to build my steppers and I want user to move step by step which means user has to finish the current step so that can move to the next step, however during searching the Angular Material Docs and CDK Docs I only found one related field property called 'editable' but that is used for stopping user return to previous steps, what property should I set to make stop user view the later steps and move one by one?

Thanks

Upvotes: 2

Views: 1740

Answers (1)

ali karimi
ali karimi

Reputation: 552

add [linear]="isLinear" to stepper like this <mat-horizontal-stepper [linear]="true">

Upvotes: 2

Related Questions