Elements

Reference

Input

The bare text input: the field recipe — border, surface, focus halo — on a native control. Standing alone it styles itself from the `invalid` prop; inside a `Field.Root` it consumes the field context, picking up the label id, the described-by wiring and the invalid state for free, which is also the seam the Form validation layer will drive. Disabled rides the native attribute.

#Input

The bare text input: the field recipe — border, surface, focus halo — on a native control. Standing alone it styles itself from the invalid prop; inside a Field.Root it consumes the field context, picking up the label id, the described-by wiring and the invalid state for free, which is also the seam the Form validation layer will drive. Disabled rides the native attribute.

PropTypeDefaultDescription
modelValue[String, Number] as PropType<string | number>undefined—
sizeString as PropType<"sm" | "md" | "lg">"md"One rung of the control-height ladder for the field.
invalidBooleanfalse—
maskStringundefinedEntry mask — 9 digit, a letter, * either, anything else is literal. e.g. "999-99-9999", "(999) 999-9999".