useForm$

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

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

Generics

• TSchema extends Schema

Parameters

• config FormConfig<TSchema>

Explanation

useForm$ creates a reactive form store that manages form state using the provided Valibot schema. Validation runs when a field is blurred or the form is submitted by default, 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,
• getAllErrors,
• getErrors,
• getInput,
• handleSubmit,
• insert,
• move,
• remove,
• replace,
• reset,
• setErrors,
• setInput,
• submit,
• swap,
• validate