Skip to content

sigfriedCub1990/react-hook-form-devtools

 
 

Repository files navigation

React Hook Form Dev Tools

🤹‍♀️ Under development

Performant, flexible and extensible forms with easy to use validation.

npm downloads npm dep npm Coverage Status

Tweet Join the community on Spectrum

This React Component will help you to debug when you are working React Hook Form, and give you more insight about your form detail.

Install

$ npm install react-hook-form-devtools

Quickstart

import React from 'react';
import { useForm } from 'react-hook-form';
import DevTool from './devlTool';
import './App.css';

const App = () => {
  const { register, control, handleSubmit } = useForm({
    mode: 'onChange',
  });

  return (
    <>
      <DevTool control={control} />

      <form onSubmit={handleSubmit(d => console.log(d))}>
        <h1>React Hook Form DevTools</h1>
        <label>Test</label>
        <input name="test" ref={register} />
        <input type="submit" />
      </form>
    </>
  );
};

export default App;

About

React Hook Form dev tools to help debugging forms.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 89.1%
  • CSS 6.0%
  • HTML 3.6%
  • JavaScript 1.3%