Input

Text input with focus ring and disabled state.

Preview

Installation

npx drivn add input

Usage

1 import { Input } from "@/components/ui/input"
2 
3 export default function Page() {
4   return (
5     <Input
6       type="text"
7       placeholder="Enter your name"
8     />
9   )
10 }

Disabled

API Reference

Prop	Type	Default	Description
`type`	string	"text"	HTML input type (text, email, password, number, etc.)
`placeholder`	string	—	Placeholder text displayed when the input is empty
`disabled`	boolean	false	Disables the input
`className`	string	—	Additional CSS classes to apply
`...props`	InputHTMLAttributes	—	All standard HTML input attributes are supported

1	import { Input } from "@/components/ui/input"
2
3	export default function Page() {
4	return (
5	<Input
6	type="text"
7	placeholder="Enter your name"
8	/>
9	)
10	}