Input

Text field with label, validation, and helper or error text.

Live preview

Required

Controlled

tsx

API

PropTypeDefaultDescription
size"sm" | "md""md"Control density.
state"default" | "error" | "success""default"Border and focus ring reflect validation.
labelstringVisible label wired to the control.
errorTextstringShown when validation fails.
classNamestringAdditional class names merged with component styles.

Accessibility

Label uses Radix Label; errors should be programmatically associated.