Input

Forms

A text input field for capturing user input. Supports labels, placeholders, error states, and various HTML input types.

Import

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

Standard text input with label

Name

Input showing error state

Username

Different HTML input types

Password

Input in disabled state

Disabled

label—

string

Label text displayed above the input

placeholder—

string

Placeholder text shown when empty

error—

string

Error message to display below the input

disabledfalse

boolean

Whether the input is disabled

type"text"

string

HTML input type (text, email, password, etc.)

Prop	Type	Default	Description
`label`	`string`	—	Label text displayed above the input
`placeholder`	`string`	—	Placeholder text shown when empty
`error`	`string`	—	Error message to display below the input
`disabled`	`boolean`	false	Whether the input is disabled
`type`	`string`	"text"	HTML input type (text, email, password, etc.)