Input

Single-line text input.

Full name

pnpm dlx shadcn@latest add https://yea-ui.vercel.app/r/input.json

import { Input } from "@/components/ui/input"

<Input placeholder="Enter your name" />

Invalid state comes from aria-invalid, disabled from the native attribute.

Wraps the Base UI Input, which forwards every native input prop.

Prop	Type	Default	Description
`aria-invalid`	`boolean`	—	Shows the negative ring for validation errors.
`disabled`	`boolean`	`false`	Blocks input and applies the disabled style.

All other props are forwarded to the underlying Base UI component.

Installation