Solid final form is a comprehensive library that bridges the robust form management capabilities of Final Form with the reactive and efficient rendering of Solid.js. Designed specifically for Solid.js developers, this package offers an elegant and powerful solution for creating, managing, and validating forms with ease.
npm i @solidjs-final-form/core final-form
# or
yarn add @solidjs-final-form/core final-form
# or
pnpm add @solidjs-final-form/core final-form
For TypeScript users:
Add directives to your global.d.ts
import { FormDirectives } from '@solidjs-final-form/core'
declare module "solid-js" {
namespace JSX {
interface Directives extends FormDirectives {}
}
}
- Simple example
- With valibot
- Require
npm i valibot
- Require
npm i @solidjs-final-form/valibot-adapter
- Require
- With auto-focus on first error
- Require
npm i final-form-focus
- Require
- With array fields and valibot validation
- Require
npm i valibot
- Require
npm i @solidjs-final-form/valibot-adapter
- Require
npm i @solidjs-final-form/arrays
- Require