Angular material stepper remove icons

Question

How to remove the icons in the mat-step-icon using angular material.

I tried below:

<ng-template matStepperIcon="edit"></ng-template>
<ng-template matStepperIcon="done"></ng-template>

this works for edit and done state. want to change the default state as well. dont know what is the name to give.

can anyone help please?

thanks

Answer 1

Here is a simple workaround from the GitHub issue

@ViewChild(MatHorizontalStepper) stepper: MatHorizontalStepper;
ngAfterViewInit() {
    this.stepper._getIndicatorType = () => 'number';
}