Command Palette

Search for a command to run...

Input

Displays a form input field. Built on Base UI Input primitive.

Installation

npx shadcn add input --registry https://ui.ch.sh/r

Usage

import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"

export default function Example() {
  return (
    <div className="space-y-2">
      <Label htmlFor="email">Email</Label>
      <Input id="email" type="email" placeholder="you@example.com" />
    </div>
  )
}

Examples

With Label

Disabled

File Input