Field

A complete form field system with label, input, description, and error handling.

Basic Field

Field with Label and Input

With Description

Field with Description

Must be at least 8 characters

With Error Message

Field with Error

Textarea

Field with Textarea

Field Group

Grouped Fields

Variants

Field Variants

Compact and default variants.

Components

Field

Container component that provides context for child components.

FieldLabel

Label for the field input.

FieldInput

Text input element with focus styling.

FieldTextarea

Multi-line text input.

FieldDescription

Helper text displayed below the input.

FieldError

Error message for validation.

FieldGroup

Groups multiple fields together with consistent spacing.