Input

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

Installation

npx shadcn@latest add https://reactdocs.canceydejean.dev/r/input.json

Use inputs for text, email, password, search, file, and other single-line fields.

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

export function Example() {
  return <Input type="email" placeholder="Email" />;
}

Supports native type values, disabled, and aria-invalid for form error styling. Built on Base UI Input.