FormProvider

This component will host context object and allow consuming component to subscribe to context and use createForm props and methods.

Props

Name	Type	Description
form	UseFormReturn	FormProvider requires all createForm methods.

Avoid using nested FormProvider

import { createForm, FormProvider } from "solid-hook-form"

export const ExampleForm = () => {
    const form = createForm()
    const { handleSubmit } = form

    const onSubmit = (values) => {
        console.log(values)
    }

    return (
        <FormProvider form={form}>
            <form onSubmit={handleSubmit(onSubmit)}>
                <NestedInput />
                <button type="submit">Save</button>
            </form>
        </FormProvider>
    )
}