Form

A native form wrapper with consolidated error handling built on Base UI foundations.

#Installation

npx @dinachi/cli@latest add form

tsx

import { Form } from "@/components/ui/form"

A basic form with field components

Form with error handling on submit

A complete contact form with multiple field types

Prop	Type	Default	Description
errors	Record<string, string \| string[]>	{}	Object keyed by field name with validation messages.
onClearErrors	(errors: Record<string, string \| string[]>) => void	—	Callback fired when errors should be cleared.
onSubmit	(event: React.FormEvent<HTMLFormElement>) => void	—	Form submit handler.
render	React.ReactElement \| ((props, state) => React.ReactElement)	<form />	Optional custom render element using Base UI's render pattern.