Input

EmailNever shared

Empty

Code

<Input placeholder="you@example.com" />

npx shadcn@latest add https://components.haedong.dev/r/input.json

Installs Input and Textarea together. Both extend the native element props; there is no size prop — Input is 36px tall, Textarea grows from 96px.

Prop	Type	Description
aria-invalid	boolean	Invalid state: the hairline turns dashed and full-strength.
disabled	boolean	Native disabled; dims to 40% and drops pointer events.
placeholder	string	Rendered muted and uppercase, in the system voice. Typed text keeps its case.
className	string	Extra classes for the input / textarea element.