✦ HookForm FieldTwitterTwitter (opens in a new tab)GithubGithub (opens in a new tab)
  • Introduction
  • Quick start
  • Guide
    • Create Field
    • Create Own Field
    • Form
  • API Reference
    • Create Field API
    • Form API
    • Form Control API
    • Form Description API
    • Form Field API
    • Form Item API
    • Form Label API
    • Form Message API
    • Use Form Field API
    • Use Form State API
  • Introduction
  • Quick start
  • Guide
    • Create Field
    • Create Own Field
    • Form
  • API Reference
    • Create Field API
    • Form API
    • Form Control API
    • Form Description API
    • Form Field API
      • Props
      • Example
    • Form Item API
    • Form Label API
    • Form Message API
    • Use Form Field API
    • Use Form State API
  • Twitter (opens in a new tab)
  • Github (opens in a new tab)

On This Page

  • Props
  • Example
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub
API Reference
Form Field API

FormField

<FormField /> connects a field to React Hook Form context, handling value, validation, and error display.

Props

NameTypeDescription
namestringThe field name in the form.
renderfunctionRender prop with field and formState parameters.

Example

<FormField
  name="email"
  render={({ field, formState }) => (
    <FormControl>
      <Input {...field} />
      <FormMessage />
    </FormControl>
  )}
/>
Form Description APIForm Item API

MIT 2025 © hookform-field.