Solid final form

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.

Quick start

Installation:

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

Simple usage:

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 {}
  }
}

Examples:

• Simple example
• With valibot
  • Require npm i valibot
  • Require npm i @solidjs-final-form/valibot-adapter
• With auto-focus on first error
  • Require npm i final-form-focus
• 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