Select UI framework
Get Started
Radix UI
AlertApp Store ButtonAspect RatioBadgeBannerBreadcrumbButton GroupButtonCheckboxCommand MenuCompactButtonDialogDrawerDropdown MenuEmptyFancy 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 <input> element and supports all of its props.
Prop
Type
Default
type
textemailpasswordnumbertelurlsearchfiletext
placeholder
string-
disabled
booleanfalse
className
string-