Input
Displays a form input field for user text entry.
Installation
import { Input } from "@sourceful-energy/ui"Usage
Examples
With Label
Password
With Icon
Disabled
File Input
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| type | string | "text" | The type of input (text, email, password, etc.). |
| placeholder | string | - | Placeholder text displayed when empty. |
| disabled | boolean | false | Whether the input is disabled. |
| className | string | - | Additional CSS classes. |
Accessibility
- Uses native
<input>element - Always pair with a Label component for accessibility
- Supports all standard input attributes
- Focus ring visible for keyboard users