Very Great Tutorial, I have learned a lot at once. Do you by chance have a github repository or something to this code that i can download, I want to follow along
Great tutorial! How do we ensure that the input values are not lost when switching between steps? For example, if I complete step 1 then press continue and then press back the values seem to be reset. Is there way to store the state of each step?
@@Quicknuggets My apologies! Confirming the example on your github repo works and maintains form values when navigating between steps. I'll continue debugging my code. Thanks :)
Hi, great tutorial! Though I was wondering how could you make it so that, if user leaves a field empty, you give them a warning, asking them to fill that field before they progress to the next form step. Similar to the "required" attribute on inputs, but it only works in forms.
@@factzClips Just add a simple check if the newStep exists, by adding newStep &&. As in: const stepperControl = newStep && newStep.map((step, index) => { .... and so on })
Thank you for the guidelines to create a Multi-step register.
This is exactly what I looked for :)!
Thank you so much for this great tutorial! Which theme do you use?
Thank you so much for this great tutorial! But, how can I validate these forms? Can you help me?
Thanks for the video, that really helped me out, may I ask what vscode theme are you using?
The theme extension is called "Atom One Dark Theme"
Very Great Tutorial, I have learned a lot at once. Do you by chance have a github repository or something to this code that i can download, I want to follow along
Thanks for the tutorial. One doubt, I want to add a post request to this process. How could it be done.? Or in which file Should I add ?
Hi. Did you do this?
How are the form data validated for each step before moving to the next?
Can you show how to make a dropdown select menu in the form please?
What abouth the validation of inputs values ???
I would like to know how I could validate the form before taking the step!
I was working on it then.. i change my day job...and don't have the time right now... but i will ..just subscribe and you will be updated
well done mate
Thank you. Subscribe to get updates as i will be doing more of these videos
thanks mate!
can you go on next form if you haven't fulfilled all the inputs?
there is currently no error handing done - this will be done soon... so subscribe to get updates
hey bro its a great tutorial, thank you very much,
i was wondering where we can add the API to persist the data in the state. thank you
I could upload an example of using it with laravel to persist it to a database or sent out as an email, not sure what your preference would be
@@Quicknuggets anything bro that can demonstrate how we can capture all the data in the states and persist it via api it can help a lot
@@Quicknuggets Please do! Thank you for the tutorial
Great video ❤
What about a link to the repo
Thanks
where do I put the and where do I close it? and the submit button?
Great tutorial! How do we ensure that the input values are not lost when switching between steps? For example, if I complete step 1 then press continue and then press back the values seem to be reset. Is there way to store the state of each step?
The values are not reset, they are stores using react context ... download the github repo and run it...then let me know if you have any issues
@@Quicknuggets My apologies! Confirming the example on your github repo works and maintains form values when navigating between steps. I'll continue debugging my code. Thanks :)
@@Quicknuggets could you please share your github repo? I couldn't find it.
@@banuuzun5002 github.com/QuickNuggets/multi-step-form
Thank You !!
Awesome video ++++++ 😃
Where the Form data is stored after clicking conform button?
Thank you :)
Hello, do you have the repo for this tutorial?
what's the logic behind last border?
can you be a little more specific? ....it may be use for showing the green bar
@@Quicknuggets I mean last rightmost border is hidden. How's that?
how to handle this form?
how do i use that data from all form
Hi, great tutorial! Though I was wondering how could you make it so that, if user leaves a field empty, you give them a warning, asking them to fill that field before they progress to the next form step. Similar to the "required" attribute on inputs, but it only works in forms.
I will post a link or video showing how it can be done.. subscribe to stay updated
We have being waiting
Learn Zod
Your buttons durations are set à 2OO instead 200 "2-ô-ô"
I noticed and did make the correction. Thanks.
sir what is this mt-4 and mb-8 like how to use all this??
they are tailwind css classes
@@Quicknuggetsmeans they will work after installing tailwind write.
@@karunakarkoyada69 yep I should have a tut on installing tailwind... so you could always follow it
@@Quicknuggets sir can u send me suitable video link for learning tailwindcss
i want the source code please
its in the comments below
Source code
I recieve an error step.map is undefined
@ which point?
Same
@@factzClips Just add a simple check if the newStep exists, by adding newStep &&. As in: const stepperControl = newStep && newStep.map((step, index) => { .... and so on })
its great but not responsive.
Will work on making it more responsive... but if you did ..plz share
awesome thank you!