Angular Material UI: Stepper

If you find this video helpful, please Like, Share, and Subscribe to support the channel!
Hello, in this video, I will be talking about the Stepper Component from Angular Material.
On Codeible:
codeible.com/v...
Codeible:
codeible.com/v...
codeible.com/c...
TH-cam Playlist:
• Angular Material UI: C...
Imports:
import { MatStepperModule } from '@angular/material/stepper';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';
mat-horizontal-stepper
mat-vertical-stepper
mat-step
ng-template
matStepperIcon
labelPosition
matStepLabel
matStepperNext
matStepperPrevious
stepControl
formGroup
formControlName
linear
errorMessage
Support Codeible on Patreon!
/ codeible
Reddit:
/ codeible
Follow on Pinterest:
/ codeible
Follow on Instagram:
/ codeibleig
Follow on Twitter:
in...
material.angul...
material.angul...

[@georgeasfahani6822]

This helped me A TON ! thank you , my life savior !

[@arturoivanchavezgomez5250]

Thanks a lot friend! Your tuto is very helpful.

[@rencesacramento8725]

This helped me a lot. Thank you

[@georgeak4454]

amazin but I have a question I hope you can help me if I add another line like this
firstName: ['', Validators.required, Validators.pattern ('^ [A-Z | a-z |] + $')],
Then I put it on the name it leaves me the error in the 1st number for example at 9:56 and that's how can I fix it?

[@prathasingh7788]

Is it possible to change stepper icon? Like if step is completed then green tick kind of icon instead of number?

[@srinivasaraokagitala8846]

On mouse hover there is background is coming . How to remove it?

[@JohnnyChauque]

Hi,
I have been trying to trigger matStepperNext and matStepperPrevious from a function or click event may you kindly help or advise?

[@Codeible]

Hello,
1. Add a template reference to the stepper:
2. Attach a click event to the button you want
Next
3. Define the function
onNextClick(myStepper: MatStepper) {
myStepper.next()
}

[@JohnnyChauque]

​@@Codeible Works like a Charm, thank you so much.🔥

[@popnicolae4195]

@@Codeible Thanks...you saved my day!

[@boh3607]

is that responsive !

[@Codeible]

Yes.

[@FromDimenstion89]

Can you pls put tutorial on how to show stepper in mat-dialog via mat-dialog service?