README

    </a>

Features

• Built with performance, UX and DX in mind
• Embraces native HTML form validation
• Out of the box integration with UI libraries
• Small size and no dependencies
• Support Yup, Zod, AJV, Superstruct, Joi and others

Install

npm install react-hook-form

Quickstart

import { useForm } from 'react-hook-form';

function App() {
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm();

  return (
    <form onSubmit={handleSubmit((data) => console.log(data))}>
      <input {...register('firstName')} />
      <input {...register('lastName', { required: true })} />
      {errors.lastName && <p>Last name is required.</p>}
      <input {...register('age', { pattern: /\d+/ })} />
      {errors.age && <p>Please enter number for age.</p>}
      <input type="submit" />
    </form>
  );
}

Sponsors

We’re incredibly grateful to these kind and generous sponsors for their support!

<a target="_blank" href="https://thanks.dev/"></a> <a target="_blank" href="https://www.follower24.de/"></a> <a target="_blank" href='https://workleap.com/'></a> <a target="_blank" href="https://kinsta.com/"></a> <a target="_blank" href='https://www.sent.dm'></a> <a target="_blank" href='https://niche.com'></a> <a target="_blank" href='https://toss.im'></a> <a target="_blank" href='https://principal.com/about-us'></a> <a target="_blank" href="https://hygraph.com"></a>

Past Sponsors

Thank you to our previous sponsors for your generous support!

Backers

Thanks go to all our backers! [Become a backer].

Contributors

Thanks go to these wonderful people! [Become a contributor].