Bug/feature request
Just display numbers in stepper headers
Tries to display "create" in the icon after changing to another step
https://stackblitz.com/edit/angular-vpoj5j you can see it here
Not everyone uses the icons
Angular 8.2.14
typescript 3.5.3
I know I can override the icons, however I'm unsure about changing it to always using the 'number' state.
The UX of changing the stepper to these icons doesn't really appeal to me.
doing this :
<mat-horizontal-stepper>
<ng-template matStepperIcon="edit"></ng-template>
<ng-template matStepperIcon="done"></ng-template>
<mat-step>...</mat-step>
</mat-horizontal-stepper>
does not do it. the pencil icon continues to appear for opened states
this, however :
@ViewChild(MatHorizontalStepper) stepper: MatHorizontalStepper;
ngAfterViewInit() {
this.stepper._getIndicatorType = () => 'number';
}
does work but is less than ideal.
This is 100% a bug because numbers are shown when I use the stepper, but as soon as I visit a step and then switch to another step that step begins using <mat-icon>create</mat-icon> which just renders as text because I don't use the Material Icons library.
Most helpful comment
this, however :
does work but is less than ideal.