Input

A text input field.

Installation

bash
npx shadcn@latest add input

Import

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

Default

Disabled

With Label

With Button

Props

PROPTYPEDEFAULTDESCRIPTION
typestring"text"Input type (text, email, password, file, etc.)
placeholderstring—Placeholder text
disabledbooleanfalseDisables the input
valuestring—Controlled value
onChange(e: ChangeEvent) => void—Change handler