Overwrite the default icon of the material angular mat-stepper

-2

I'm trying to override the default mat-stepper icon, but it does not seem to work. I followed the documentation, but my icon is next to my label, instead of overwriting and staying in the blue circle.

STACKBLITZ

    
asked by anonymous 03.11.2018 / 17:01

1 answer

1

To stay in the circle just put it inside your <mat-horizontal-stepper> like this:

    <ng-template matStepperIcon="number">
        <mat-icon>home</mat-icon>
    </ng-template>
    
05.11.2018 / 16:33