Example for Formik

Check the source code of this page on GitHubexternal-link

your name

pet name

choose a thing

chevron-down

comment

Pick One or More

Checkbox 1

Checkbox 2

Checkbox 3

Only Pick One

Option 1

Option 2

Option 3

Rating

Errors

{}

Values

{
 "checkbox": [
  false,
  true,
  false
 ],
 "radiobutton": "Option 2",
 "rating": 2
}

formik props

{
 "touched": {},
 "isSubmitting": false,
 "isValidating": false,
 "submitCount": 0,
 "initialValues": {
  "checkbox": [
   false,
   true,
   false
  ],
  "radiobutton": "Option 2",
  "rating": 2
 },
 "initialErrors": {},
 "initialTouched": {},
 "isValid": true,
 "dirty": false,
 "validateOnBlur": true,
 "validateOnChange": true,
 "validateOnMount": false
}