Hero Hook Form API v2.5.1

Hero Hook Form API / ConfigurableForm

Function: ConfigurableForm()

ConfigurableForm<T>(props): Element

Defined in: components/Form.tsx:87 

Base form component for building forms without Zod validation.

Type Parameters

T

T extends FieldValues

The form data type

Parameters

props

FormProps<T>

Component props

Returns

Element

The rendered form component

Description

This component provides a flexible form solution using React Hook Form without requiring Zod schemas. It’s useful when you need more control over validation or want to use React Hook Form’s built-in validation rules.

Example

import { ConfigurableForm, FormFieldHelpers } from "@rachelallyson/hero-hook-form";
 
function MyForm() {
  return (
    <ConfigurableForm
      fields={[
        FormFieldHelpers.input("name", "Name"),
        FormFieldHelpers.input("email", "Email", "email"),
      ]}
      defaultValues={{ name: "", email: "" }}
      onSubmit={async (data) => {
        console.log("Submitted:", data);
      }}
      title="Contact Form"
    />
  );
}

See

• ZodForm for Zod-integrated form with automatic validation
• FormFieldHelpers for field creation helpers