Field
A form field layout component with label, content, description, and error display.
Usage
With Error
Horizontal Layout
Props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | 'vertical' | 'horizontal' | 'responsive' | 'vertical' | The layout direction of the field. |
Sub-components
FieldLabel
Label text for the field.
FieldContent
Wrapper for the input element.
FieldDescription
Help text displayed below the input.
FieldError
Error message display.
| Prop | Type | Default | Description |
|---|---|---|---|
errors | Array<string | { message: string }> | - | Array of error messages to display. |
FieldGroup
Groups multiple fields together.
FieldSet
Fieldset wrapper element.
FieldLegend
Legend for a fieldset.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'legend' | 'label' | - | Render as legend or styled label. |
FieldTitle
Section title within a field group.
FieldSeparator
Visual separator between fields.