useForm$

Creates a reactive form store from a form configuration. The form store manages form state and provides reactive properties.

const form = useForm$<TSchema>(configFn);

Generics

• TSchema extends FormSchema

Parameters

• configFn () => FormConfig<TSchema>

Explanation

useForm$ creates a reactive form store that manages form state using the provided Valibot schema. The configFn callback must return a FormConfig object. By default, validation runs when the form is submitted and then revalidates on every input, but this can be customized with the validate and revalidate options.

Returns

• form FormStore<TSchema>

Related

The following APIs can be combined with useForm$.

Hooks

• useField,
• useFieldArray

Components

• Field,
• FieldArray,
• Form

Methods

• focus,
• getDeepErrors,
• getErrors,
• getInput,
• handleSubmit,
• insert,
• move,
• remove,
• replace,
• reset,
• setErrors,
• setInput,
• submit,
• swap,
• validate