mat stepper view code example
Example 1: mat stepper custom css
::ng-deep .mat-horizontal-stepper-header {
box-sizing: border-box;
flex-direction: column-reverse !important;
height: auto;
padding: 24px;
}
::ng-deep .mat-horizontal-stepper-header .mat-step-label {
padding: 0px 0px 16px !important;
}
::ng-deep .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before, ::ng-deep .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after{
top: 68px !important;
}
Example 2: If 'mat-step' is an Angular component,
import {MatStepperModule} from '@angular/material/stepper';