Instructions

git clone https://github.com/awran5/react-material-ui-step-form.git

Dependencies

// src/Context.tsxconstvariant='standard'// `filled` | `outlined` | `standard`constmargin='normal'// `dense` | `none` | `normal`

Example

typeValidationSchema=Record<string,{value?:anyerror?:stringrequired?:booleanvalidate?:'text'|'number'|'email'|'phone'|'zip'|'checkbox'|'select'minLength?:numbermaxLength?:numberhelperText?:string}>// src/initialValues.tsxconstinitialValues:ValidationSchema={yourFieldname:{value:'',// will be filled with field valueerror:'',// will be filled with error messagerequired:true,// if `false` field will be still validated but will not enable the `next` buttonvalidate:'text',// field validation logic (see types above)minLength:2,// validate min lengthmaxLength:20,// validate max lengthhelperText:'custom error message'// change the default error message (applied to `validate` types only)},{// another field}}

Changelog - 10/2021

Changelog - 07/2021

Live Demo