Select UI framework
Get Started
React Aria
AlertApp Store ButtonAspect RatioBadgeBannerBreadcrumbButton GroupButtonCheckboxCommand MenuCompactButtonDialogDrawerEmptyFancy ButtonFile UploadHintInput OTPInputItemKbdLabelLinkButtonLoaderPopoverProgress BarProgress CircleRadio GroupRatingSelectSeparatorSkeletonSliderSocial ButtonSwitchTagTextareaToggle GroupToggleTooltip
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
textemailpasswordnumbertelurlsearchfiletext
placeholder
string-
disabled
booleanfalse
className
string-