Adding custom icons to Material horizantal stepper

3,308 views
Skip to first unread message

Satish

unread,
Jan 12, 2018, 10:25:53 AM1/12/18
to angular-material2
I see the Material horizantal stepper supports only create & done icons. I would like to use custom icons for each step. 
Is there any way to use custom icons. i tried in below ways but its not reflecting.

<mat-step label="HPC2">
<ng-template matStepperIcon="keyboard_arrow_right" class="mat-step-icon">
HPC1
<mat-icon>keyboard_arrow_right</mat-icon>
</ng-template>
This is all my content
</mat-step>

Yang

unread,
Feb 7, 2018, 2:02:16 AM2/7/18
to angular-material2
ng-template should be defined outside of the mat-step.

Raffaella Sinisi

unread,
May 2, 2018, 4:15:20 AM5/2/18
to angular-material2
Hello, I have the same problem, could you give en example? Thank you. 
Reply all
Reply to author
Forward
0 new messages