Input

UI

Text input with validation states, loading indicator, and design token styling.

[EXAMPLES]

States

[PROPS]

PROPTYPEDEFAULTDESCRIPTION
errorbooleanfalseShow error border styling
successbooleanfalseShow success border styling
loadingbooleanfalseShow loading spinner and disable
loadingTextstringAccessible loading label

[ACCESSIBILITY]

KEYBOARD SHORTCUTS

KEYACTION
TabFocus the input

ARIA

  • >Uses native <input> element
  • >aria-invalid="true" when error prop is set