Angular Material Stepper

Step by step beginner's tutorial on how to use Angular Material Stepper Component. The Angular Material Stepper Component is used to guide the user through a series of forms or other content.
Please LIKE and SUB if this brought value to you. COMMENT below with any thoughts/questions.

[tanialumbi]

Me acabas de pegar una salvada, Muchas Gracias buen hombre!!

[khizerrehan]

How to move content <mat-step> CONTENT <mat-step> into it's own component it is very difficult to manage when each step has more than 10 fields inside form can we do please share any link.

Thanks for info

[nagagouthamnarne]

How to move content <mat-step> CONTENT <mat-step> into it's own component it is very difficult to manage when each step has more than 10 fields inside form can we do please share any link.

[genesisbriones]

Great tutorial, , overall is perfect, , maybe some good tone that gives excitement to code

[comedycentral]

Thanks for the video....I have one doubt how to make my horizontal stepper responsive.

[raghavs]

How to set the stepper to scroll if I have more number of steppers??

[adarshvalamary]

Thanks for the video...I have one issue animation effect is not working

[priyankasurve]

How to stick to one icon only, I don't want to change it to edit icon when we are clicking on it

[hybriddeveloper]

how to upload image, slider, toggles in angular stepper form ???? please tell !

[arqamrafay]

i am stuck : i want input field like bootstrap provide(border around input field), when i apply bootstrap stepper not work properly

[quangnvn]

Thank for your clip, I have a problem about block to going next step, for instance at 1st step I click "Next" button to call service and subscribe result, when result = false, I want it block here & couldn't go to next step, do you know how to solve it? Thanks

[fapai]

come see again, handsome guy~~ like your work~~

[lookahead]

In angualr 7 How can I use a form of different component in mat-stepper?
For eg: Registration component uses mat stepper that has several steps step1, step2.step3 etc ...

step#1 has “basicdetailsform” of “basic-details-component”.

Step#2 has “demographicDetailsForm” of “demographic-component”.

Step#3 has “selectionItemForm” of “selcetion-item-component”

So

I’ve tried using viewchild and get form() .
Now it ended up throwing an error

[udaygokhale]

Please start from installation of modules otherwise new people will not understand