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 Input

pnpm dlx quickcode-ui add Input

yarn dlx quickcode-ui add Input

bunx quickcode-ui add Input

Default Usage

Default Input

File Upload

File Input

Resume

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