Components / Controls
Field
Connects a label, hint and error to one control.
@fabrials/ui
Shown in the account list.
Enter an alias.
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { Field } from "@fabrials/ui";
API reference
| Prop / export | Type | Description |
|---|---|---|
label | ReactNode | Visible name. |
description | ReactNode | Hint announced with the control. |
error | ReactNode | Shown after a failed check. Marks the control invalid. |
children | (props) => ReactNode | Receives id and aria attributes to spread onto the control. |
Behavior
The host decides when a value is invalid. Field only wires the accessible relationship.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.