Wondering what’s next for npm?Check out our public roadmap! »

    @hookform/devtools
    TypeScript icon, indicating that this package has built-in type declarations

    3.0.2 • Public • Published

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

    npm downloads npm npm

    Goal

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

    Install

    $ npm install @hookform/devtools -D
    

    Quickstart

    import React from 'react';
    import { useForm } from 'react-hook-form';
    import { DevTool } from '@hookform/devtools';
    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;

    Backers

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

    Organizations

    Thanks goes to these wonderful organizations! [Contribute].

    Contributors

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

    Install

    npm i @hookform/devtools

    DownloadsWeekly Downloads

    20,330

    Version

    3.0.2

    License

    MIT

    Unpacked Size

    521 kB

    Total Files

    22

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar