Dynamic Steps

View code on GitHub
Step 1 / 4
# Debug useForm()
{ "resetKey": 0, "isSubmitted": false, "isValid": false, "isValidating": false, "isPristine": true, "steps": [ { "index": 0, "name": "start", "isCurrent": true, "isPristine": true, "isSubmitted": false, "isValid": true, "isValidating": false, "isVisited": true }, { "index": 1, "name": "dynamic-0", "isCurrent": false, "isPristine": true, "isSubmitted": false, "isValid": true, "isValidating": false, "isVisited": false }, { "index": 2, "name": "dynamic-1", "isCurrent": false, "isPristine": true, "isSubmitted": false, "isValid": true, "isValidating": false, "isVisited": false }, { "index": 3, "name": "end", "isCurrent": false, "isPristine": true, "isSubmitted": false, "isValid": false, "isValidating": false, "isVisited": false } ], "currentStep": { "index": 0, "name": "start", "isCurrent": true, "isPristine": true, "isSubmitted": false, "isValid": true, "isValidating": false, "isVisited": true }, "isStepPristine": true, "isStepValid": true, "isStepValidating": false, "isStepSubmitted": false, "isFirstStep": true, "isLastStep": false, "fields": { "count": { "id": "formiz-form-bt72pzi8x-field-count", "errorMessages": [], "isPristine": true, "isValid": true, "isValidating": false, "value": 2, "valueDebounced": 2, "resetKey": 0 }, "end": { "id": "formiz-form-bt72pzi8x-field-end", "errorMessage": "Required", "errorMessages": [ "Required" ], "isPristine": true, "isValid": false, "isValidating": false, "isSubmitted": false, "value": null, "valueDebounced": null, "resetKey": 0 }, "steps": [ { "name": { "id": "formiz-form-bt72pzi8x-field-steps[0].name", "errorMessages": [], "isPristine": true, "isValid": true, "isValidating": false, "isSubmitted": false, "value": null, "valueDebounced": null, "resetKey": 0 } }, { "name": { "id": "formiz-form-bt72pzi8x-field-steps[1].name", "errorMessages": [], "isPristine": true, "isValid": true, "isValidating": false, "isSubmitted": false, "value": null, "valueDebounced": null, "resetKey": 0 } } ] }, "values": { "count": 2, "end": null, "steps": [ { "name": null }, { "name": null } ] }, "flatValues": { "count": 2, "steps[0].name": null, "steps[1].name": null, "end": null } }