Forms and Inputs

Instructions for building forms that update on submit or preserve focus during controlled input.

When to Use

Use this when you need form handling, text inputs, or focus-safe controlled inputs.

Steps

1. Keep input values in local variables and avoid re-rendering on every keystroke.
2. On submit, update local state and call handle.update().
3. For controlled inputs, store a DomRef, call handle.updateSync(), then restore focus/selection.
4. Prefer splitting inputs into their own components if a sibling preview must update live.

Arguments

• submitOn - submit trigger (submit or blur, defaults to submit)