Input

Form
v1.0.0
stable

Standard text input component with support for multiple types and states.

Preview

npx inam-ui add input

Usage Examples

Text Input

Basic text field

<Input placeholder="Your name" />

With Error

Input showing validation error

<Input 
  error="Email is required" 
  placeholder="email@example.com" 
/>

Accessibility

Keyboard Navigation

  • Tab - Move focus

ARIA Labels

  • aria-invalid
  • aria-describedby

Screen Reader

Inputs should always be paired with a label for accessibility.

Props

NameTypeDefaultDescription
typestring'text'HTML input type.
placeholderstringPlaceholder text.
disabledbooleanfalseWhether the input is disabled.
errorstringError message to display.

Related Components