Input

Displays a form input field or a component that looks like an input field.

Installation

npm install @radix-ui/react-slot

Usage

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

export function InputDemo() {
  return (
    <div className="grid w-full max-w-sm items-center gap-1.5">
      <Input type="email" placeholder="Email" />
      <Input type="password" placeholder="Password" />
      <Input type="text" placeholder="Disabled" disabled />
      <Input type="file" />
    </div>
  )
}