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 <input> element 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
-