Groups
Groups
Sign in
Groups
Groups
angular-material2
Conversations
About
Send feedback
Help
Adding custom icons to Material horizantal stepper
3,308 views
Skip to first unread message
Satish
unread,
Jan 12, 2018, 10:25:53 AM
1/12/18
Reply to author
Sign in to reply to author
Forward
Sign in to forward
Delete
You do not have permission to delete messages in this group
Copy link
Report message
Show original message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
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 AM
2/7/18
Reply to author
Sign in to reply to author
Forward
Sign in to forward
Delete
You do not have permission to delete messages in this group
Copy link
Report message
Show original message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to angular-material2
ng-template should be defined outside of the mat-step.
Raffaella Sinisi
unread,
May 2, 2018, 4:15:20 AM
5/2/18
Reply to author
Sign in to reply to author
Forward
Sign in to forward
Delete
You do not have permission to delete messages in this group
Copy link
Report message
Show original message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
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