Input
Formv1.0.0
stable
Standard text input component with support for multiple types and states.
Preview
npx inam-ui add inputUsage 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-invalidaria-describedby
Screen Reader
Inputs should always be paired with a label for accessibility.
Props
| Name | Type | Default | Description |
|---|---|---|---|
type | string | 'text' | HTML input type. |
placeholder | string | — | Placeholder text. |
disabled | boolean | false | Whether the input is disabled. |
error | string | — | Error message to display. |