Overwrite the default icone of mat-Stepper angular material

Asked

Viewed 125 times

-2

I’m trying to override the default mat-Stepper icon, but it doesn’t 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

angular material

  • Possible duplicate of matStepLabel is not showing the icon - Angular Material

  • It’s not the same thing, that I managed to fix. before the icon did not appear, but agr cannot change the icon even using the documentation specifications. Have you read the two issues by any chance or have you just read the headline? has nothing to do with each other

  • trying to give unvote in his comment

  • Your doubts are very similar, if you solved that problem post an answer there. Also, do not just leave the link to the code, post here too. It was not I who voted negative here

1 answer

1


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

    <ng-template matStepperIcon="number">
        <mat-icon>home</mat-icon>
    </ng-template>

Browser other questions tagged angular material

You are not signed in. Login or sign up in order to post.