Field

Headless form field component that provides reactive properties and state. The field component takes a form store, path to field, and a render function that receives a field store to display field state and handle user interactions.

<Field of={…} path={…} render$={…} />

Generics

• TSchema extends Schema
• TFieldPath extends RequiredPath

Properties

• of FormStore<TSchema>
• path ValidPath<v.InferInput<TSchema>, TFieldPath>
• render$ QRL<(store: FieldStore<TSchema, TFieldPath>) => JSXOutput>

Explanation

The Field component is a headless component that doesn't render any UI itself. Instead, it provides a render prop function via the render$ prop that receives a FieldStore containing all the reactive state and props needed to render a form field.

The component automatically handles field registration, validation, and state management through the of prop that references the form store.

Related

Hooks

• useForm$,
• useField

Components

• Form,
• FieldArray