---
category: forms
---

# Field

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

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

| Part | Props |
| --- | --- |
| `FieldLabel` | `React.ComponentProps<typeof Label>` |
| `FieldDescription` | `React.ComponentProps<'p'>` |
| `FieldError` | `React.ComponentProps<'div'> & { errors?: Array<{…} | undefined>; }` |
| `FieldGroup` | `React.ComponentProps<'div'>` |
| `FieldLegend` | `React.ComponentProps<'legend'> & {…}` |
| `FieldSeparator` | `React.ComponentProps<'div'> & {…}` |
| `FieldSet` | `React.ComponentProps<'fieldset'>` |
| `FieldContent` | `React.ComponentProps<'div'>` |
| `FieldTitle` | `React.ComponentProps<'div'>` |

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