Search code examples
angularangular-materialmat-stepper

How can I put label text under icon in Angular Material Stepper?

I couldn't find a way to put label text under stepper icon in Angular Material Stepper. I want to have an Icon with under text but I couldn't find from documentation. I am using the latest version of Angular Material UI. I tried with html and css/scss styles, but it didn't work.

Solution

  • this option is available from material@9. Here you have an example.

    https://stackblitz.com/angular/deodkmpnkll?file=src%2Fapp%2Fstepper-label-position-bottom-example.ts