Form

Forms

A form wrapper component that provides validation context and submission handling. Works with FormField components for structured form layouts.

Import

import {
  Form,
  FormField,
  FormLabel,
  FormDescription,
  FormMessage,
  FormSubmit
} from "@/components/ui/form";

A responsive form with validation. On mobile, the 2-column layout stacks into a single column for better usability on smaller screens.

onSubmitundefined

(data: FormData) => void | Promise<void>

Callback when form is submitted

onValidateundefined

(data: FormData) => Record<string, string>

Validation function returning errors object

children*—

ReactNode

Form content including FormField components

Prop	Type	Default	Description
`onSubmit`	`(data: FormData) => void \| Promise<void>`	undefined	Callback when form is submitted
`onValidate`	`(data: FormData) => Record<string, string>`	undefined	Validation function returning errors object
`children*`	`ReactNode`	—	Form content including FormField components