import { TextField } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Label text displayed above the input |
error | string | — | Error message — also sets aria-invalid |
hint | string | — | Helper text below the input |
fieldSize | "sm" | "md" | "lg" | "md" | Field height and font size |
labelType
stringDefault —Label text displayed above the input
errorType
stringDefault —Error message — also sets aria-invalid
hintType
stringDefault —Helper text below the input
fieldSizeType
"sm" | "md" | "lg"Default "md"Field height and font size
MobileTouch Target
Full-width by default. Font size ≥16px required to prevent iOS auto-zoom. Pair with floating labels for space efficiency on mobile.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?