Multi-Step Form with React and Tailwind CSS (Customizable)

Показать описание

This React Tutorial will guide you step-by-step on how to create a Multi-Step Form with React and Tailwind CSS.

This React multi step form is highly customizable and can be used as part of a react project.

Prerequisites
-Tailwind Css
- React Js

Thank you for watching!!
Please subscribe to get updates on new videos :)

#Reactjs #ReactProject #MultiStepForm

Follow me:
Facebook: QuickNuggets
Twitter: QuickNuggets
Instagram: Clive.Stewart

Рекомендации по теме

Комментарии

Thank you for the guidelines to create a Multi-step register.
This is exactly what I looked for :)!

markshin

Thank you so much for this great tutorial! But, how can I validate these forms? Can you help me?

trananhquan

Can you show how to make a dropdown select menu in the form please?

cinqzez

where do I put the <form> and where do I close it? and the submit button?

ted

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

adediranoludare

Hello, do you have the repo for this tutorial?

vanbayor

Great video ❤
What about a link to the repo

Thanks

ekenennabugwu

Thanks for the video, that really helped me out, may I ask what vscode theme are you using?

richardhendcts

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

mazimpakatoty

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?

RushyNova

Where the Form data is stored after clicking conform button?

adithyanarayanmk

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 ?

gmontanher

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.

goromajima