Input
A single-line text input for forms and data entry.
Default
With Label
States
Types
Usage
Always pair inputs with a visible label for accessibility. Use placeholder text as a hint, not a replacement for labels.
For multi-line text, use the Textarea component instead.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| type | string | "text" | HTML input type |
| placeholder | string | — | Placeholder text |
| disabled | boolean | false | Disables the input |
| className | string | — | Additional CSS classes |