Form

Form component that manages form submission and applies internal state. Wraps form element and passes submission events to the provided handler.

<Form of={…} onsubmit={…}>children</Form>

Generics

• TSchema extends Schema

Properties

• of FormStore<TSchema>
• children Snippet
• onsubmit SubmitHandler<TSchema>

Explanation

The Form component wraps a native HTML <form> element and provides form submission handling. It automatically prevents the default form submission behavior and calls the onsubmit handler when the form is submitted and validation succeeds.

The component uses the of prop to reference the form store and renders the children elements within the form. It also sets novalidate on the form element to disable browser validation, as Formisch handles validation internally.

Related

Runes

• createForm

Components

• Field,
• FieldArray

Methods

• focus,
• getAllErrors,
• getErrors,
• handleSubmit,
• reset,
• setErrors,
• setInput,
• submit,
• validate