Skip to content

Builder

Build your own form with code and example.

Form Layout

!You can start adding fields with Input Creator.

    You can start adding fields with Input Creator.

    Input Creator

    !This form allow you to create and update input. Generate form button will create a new form with the updates.

    Code

    !As you making changes over the form, the code section will be updated and you can copy the code as well.

    import React from 'react';
    import useForm from 'react-hook-form';
    
    export default function App() {
      const { register, handleSubmit, errors } = useForm();
      const onSubmit = data => console.log(data);
      console.log(errors);
      
      return (
        <form onSubmit={handleSubmit(onSubmit)}>
    
          <input type="submit" />
        </form>
      );
    }

    Want to learn more?

    Checkout the React Hook Form documentation and learn all the API.