Text
Password
Number
Date
Time
URL
Telephone
Search
Color
File
Disabled
Error State
Props
| Prop | Type | Description |
|---|---|---|
| type | "text" | "email" | "password" | "number" | "date" | "time" | "url" | "tel" | "search" | "color" | "file" | ... | HTML input type |
| placeholder | string | Placeholder text |
| disabled | boolean | Disable interaction |
| aria-invalid | boolean | Show error styling |
| className | string | Additional classes |
Usage
<Input type="text" placeholder="Name" />
<Input type="email" placeholder="Email" />
<Input type="password" placeholder="Password" />
<Input type="number" min={0} max={100} />
<Input type="date" />
<Input type="file" />
<Input disabled placeholder="Disabled" />
<Input aria-invalid defaultValue="bad" />