Is it possible to open all steps in the angular material stepper component?
There are two types of steppers—input steppers and progress steppers.
For each mat-step , the stepControl attribute can be set to the top level AbstractControl that is used to check the validity of the step. There are two possible approaches. One is using a single form for stepper, and the other is using a different form for each step.
The <mat-stepper>, an Angular Directive, is used to create a wizard like work-flow steps.
For vertical stepper, just add the following in your component's css file:
::ng-deep .mat-vertical-stepper-content {
visibility: visible !important;
height: 100% !important;
}
Please note that ng-deep
is deprecated starting from Angular 8 and it might be removed in future versions.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With