Skip to Content
ContentAPIFunctionsFunction: createBasicFormBuilder()

Hero Hook Form API v2.5.1

Hero Hook Form API / createBasicFormBuilder

Function: createBasicFormBuilder()

createBasicFormBuilder<T>(): BasicFormBuilder<T>

Defined in: builders/BasicFormBuilder.ts:212 

Creates a basic form builder for simple form construction.

Type Parameters

T

T extends FieldValues

The form data type

Returns

BasicFormBuilder<T>

Builder instance with chainable methods

Description

Provides a fluent API for building form field configurations. Best for simple forms with standard field types. Returns a builder instance with chainable methods for adding fields.

Example

import { createBasicFormBuilder } from "@rachelallyson/hero-hook-form";
 
const fields = createBasicFormBuilder()
  .input("name", "Name")
  .input("email", "Email", "email")
  .textarea("message", "Message")
  .select("country", "Country", [
    { label: "US", value: "us" },
    { label: "CA", value: "ca" },
  ])
  .checkbox("newsletter", "Subscribe to newsletter")
  .build();
 
// Use with ZodForm
<ZodForm config={{ schema, fields }} onSubmit={handleSubmit} />

See

Function: createAdvancedBuilder()Function: createDateSchema()