Input

PreviousNext

Displays an input field for user text entry.

Component input-demo not found in registry.

Installation

pnpm dlx shadcn@latest add input

Usage

import { Input } from "@/components/ui/input"
<Input.Root type="email" placeholder="Email" />

Examples

File

Component input-file not found in registry.

Disabled

Component input-disabled not found in registry.

With Label

Component input-with-label not found in registry.

With Button

Component input-with-button not found in registry.

Props

Input.Root

This component is based on the React Aria Input component and supports all of its props.

Prop

Type

Default

type
text
email
password
number
tel
url
search
file
text
placeholder
string
-
disabled
boolean
false
className
string
-