A
Anonymous

Component 0 - Copy this React, Mui Component to your project

Requirements: a) Using ReactJS & Redux, create a Two Step User Registration Form. Use Material UI to make UI components. Use TypeScript to make types. Use React Hook Form to make the form. Use Yup for form validation. b) Step 1 Form: Personal Details Show a NEXT button below this form. When button is clicked, perform Yup validation, then proceed to Step 2 only if form data is valid. If Yup validation fails, display appropriate error messages. Field Element Yup Validation Name text Required, Min 3 characters Age text Required, Positive Integer Sex select Required, Oneof [“Male”, “Female”] Mobile text Valid Indian Mobile Number Govt Issued ID Type select Oneof [“Aadhar”, “PAN”] Govt Issued Id text For “Aadhar”, It should have 12 numeric digits and should not start with 0 and 1.

Prompt

About

Component 0 - A Two Step User Registration Form with personal details, Yup validation, and error messages, professionally built with React and MUI. Get component free!

Share

Last updated 1 month ago