docs / forms / input
Input
Text field with focus ring and disabled state.
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
<div className="grid gap-2">
<Label htmlFor="email">Email</Label>
<Input id="email" placeholder="you@example.com" />
</div>