Input
A simple, accessible input field with support for various types, including text, email, and file uploads. Designed for clean integration with labels via standard HTML id/for attributes.
Install Dependencies
npx quickcode-ui add InputDefault Usage
Default Input
File Upload
File Input
Props
| Prop | Type | Default | Description |
|---|---|---|---|
type | string | - | The type of input (e.g., “text”, “email”, “file”) |
placeholder | string | - | Placeholder text for the input |
value | string | - | The value of the input |
onChange | function | - | Handler for change events |
className | string | - | Additional custom classes |
disabled | boolean | false | Whether the input is disabled |
id | string | - | ID for associating with label |
Features
- Accessible: Supports ARIA attributes and keyboard navigation
- Responsive: Adapts to different screen sizes
- Dark Mode: Full support via theme tokens
- File Support: Handles file inputs with custom styling
- Validation States: Visual cues for invalid inputs
Last updated on