formisch.dev

Formisch is the schema-based, headless and fully type-safe form library for Angular, Preact, Qwik, React, React Native, Solid, Svelte and Vue. Its API is framework-specific: every framework provides a primitive to create a form (`useForm` for Preact, React, React Native and Vue, `createForm` for Solid and Svelte, `useForm$` for Qwik and `injectForm` for Angular), the `useField` and `useFieldArray` primitives (`injectField` and `injectFieldArray` in Angular) and the `Form`, `Field` and `FieldArray` components (the `[formischForm]`, `*formischField`, `*formischFieldArray` and `[formischControl]` directives in Angular; React Native has no `Form` component and triggers submission with the `handleSubmit` method instead). The form methods (e.g. `focus`, `insert`, `reset` and `validate`) and core types are shared across all frameworks and live under the paths `methods/api` and `core/api`. Form values and validation are defined with Valibot schemas. The documentation is organized by framework (`{framework}/guides` and `{framework}/api`); set the `framework` parameter of `search_docs` and `list_docs` to scope results to one framework plus the shared methods and core types. Use `search_docs` to find relevant pages, `get_doc` to read a page and `list_docs` for a complete overview. Blog posts are included as well, but prefer the guides and API reference for how to use the library, as older posts may describe previous versions of the API.