Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/form.json
Usage
import { Form } from "@/components/ui/form";<Form
initialValues={{ name: "", email: "" }}
fields={[
{ name: "name", validate: (v) => (v ? null : "Name is required") },
{ name: "email", validate: (v) => (v ? null : "Email is required") },
]}
onSubmit={(values) => console.log("Submitted:", values)}
>
<Text>Name and email form (Ctrl+S to submit)</Text>
</Form>API Reference
Form
| Prop | Type | Default |
|---|---|---|
onSubmit | (values: Record<string, unknown>) => void | required |
initialValues | Record<string, unknown> | {} |
fields | FormField[] | [] |
children | ReactNode | required |