Input

Input component for capturing user input.

Default

Base styling with neutral border. Interactive states update only border or outline.

Validation states

Use hasError for critical validation failures and hasWarning for non-blocking issues. Never apply both simultaneously—error should take precedence.

Size

Set isSmall for a more compact control. Use for dense forms or table filters; keep default size for primary flows.

Disabled

Disabled inputs have a subdued background and do not allow focus or pointer interactions.