Wizard

View code on GitHub
Step 1 / 3

# useFormContext()

{
  "id": ":R5t6:",
  "resetKey": 1,
  "isReady": true,
  "isSubmitted": false,
  "isValid": false,
  "isValidating": false,
  "isPristine": true,
  "steps": [
    {
      "name": "step1",
      "isSubmitted": false,
      "index": 0,
      "isCurrent": true,
      "isValid": false,
      "isPristine": true,
      "isValidating": false,
      "isVisited": true
    },
    {
      "name": "step2",
      "isSubmitted": false,
      "index": 1,
      "isCurrent": false,
      "isValid": false,
      "isPristine": true,
      "isValidating": false,
      "isVisited": false
    },
    {
      "name": "step3",
      "isSubmitted": false,
      "index": 2,
      "isCurrent": false,
      "isValid": true,
      "isPristine": true,
      "isValidating": false,
      "isVisited": false
    }
  ],
  "currentStep": {
    "name": "step1",
    "isSubmitted": false,
    "index": 0,
    "isCurrent": true,
    "isValid": false,
    "isPristine": true,
    "isValidating": false,
    "isVisited": true
  },
  "isStepPristine": true,
  "isStepValid": false,
  "isStepValidating": false,
  "isStepSubmitted": false,
  "isFirstStep": true,
  "isLastStep": false
}

# useFormFields()

{
  "name": {
    "id": "formiz-:R5t6:-field-name__:Rladalt6:",
    "isValid": false,
    "shouldDisplayError": false,
    "isTouched": false,
    "errorMessages": [
      "Required"
    ],
    "errorMessage": "Required",
    "isPristine": true,
    "isSubmitted": false,
    "isValidating": false,
    "isExternalProcessing": false,
    "isDebouncing": false,
    "isProcessing": false,
    "isReady": true,
    "resetKey": 1,
    "value": null,
    "rawValue": null
  },
  "email": {
    "id": "formiz-:R5t6:-field-email__:Rtadalt6:",
    "isValid": false,
    "shouldDisplayError": false,
    "isTouched": false,
    "errorMessages": [
      "Required"
    ],
    "errorMessage": "Required",
    "isPristine": true,
    "isSubmitted": false,
    "isValidating": false,
    "isExternalProcessing": false,
    "isDebouncing": false,
    "isProcessing": false,
    "isReady": true,
    "resetKey": 1,
    "value": null,
    "rawValue": null
  },
  "company": {
    "id": "formiz-:R5t6:-field-company__:R15adalt6:",
    "isValid": true,
    "shouldDisplayError": false,
    "isTouched": false,
    "errorMessages": [],
    "isPristine": true,
    "isSubmitted": false,
    "isValidating": false,
    "isExternalProcessing": false,
    "isDebouncing": false,
    "isProcessing": false,
    "isReady": true,
    "resetKey": 1,
    "value": null,
    "rawValue": null
  }
}