Field
Low-level layout primitives for building form fields. For form integration with validation, see Form.
Components
| Component | Description |
|---|---|
Field | Flex container with orientation variants |
FieldLabel | Label element for the field |
FieldContent | Groups title and description (flex-1) |
FieldTitle | Bold title text |
FieldDescription | Muted helper text |
FieldGroup | Groups multiple fields with consistent spacing |
Vertical (default)
Horizontal
Label on left, input on right.
Use dark theme
Checkbox with label
Field group
Field props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | 'vertical' | 'horizontal' | 'responsive' | 'vertical' | Layout direction |