Field
Field
Combine labels, controls, and help text to compose accessible form fields.
Basic Forms
Simple form fields with labels, inputs, and descriptions using vertical layout (default).
Choose a unique username for your account.
We'll never share your email with anyone else.
Must be at least 8 characters long.
Brief description for your profile. Maximum 500 characters.
Validation Examples
Display error states and validation messages using FieldError.
Username is already taken. Please choose another.
•
Password must be at least 8 characters long
•
Password must contain at least one uppercase letter
•
Password must contain at least one number
Please enter a valid email address.
Horizontal Orientation
Place labels beside controls using horizontal orientation.
Enter your first and last name.
I agree to the terms and conditions
Responsive Orientation
Automatically switch from vertical to horizontal at medium breakpoint using container queries.
Your company or organization name.
Field Groups
Stack multiple fields using FieldGroup for consistent spacing.
Or continue with
Complex Fieldsets
Use FieldSet and FieldLegend for semantic grouping of related controls.
Field with Title
Use FieldTitle for headings within FieldContent.
Email Notifications
Choose which emails you want to receive.
API Reference
Component parameters and their types.
| Prop | Type | Default | Description |
|---|---|---|---|
| Orientation | FieldOrientation | Vertical | Layout orientation. Options: Vertical, Horizontal, Responsive. |
| IsInvalid | bool | false | Marks the field as invalid, applying error styling. |
| Class | string? | null | Additional CSS classes for the root element. |
| ChildContent | RenderFragment? | null | FieldLabel, FieldContent, FieldDescription, FieldError sub-components. |