---
category: forms
---

# Form

Source: `components/ui/form.tsx`.

`Form` is a compound component. Its parts are exported **flat** (`FormItem`, not
`Form.Item`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `FormItem` | `React.ComponentProps<'div'>` |
| `FormLabel` | `React.ComponentProps<typeof LabelPrimitive.Root>` |
| `FormControl` | `React.ComponentProps<typeof Slot>` |
| `FormDescription` | `React.ComponentProps<'p'>` |
| `FormMessage` | `React.ComponentProps<'p'>` |
| `FormField` | — |

All parts accept `className` and are composed as children of `Form`.