Input

stable

Single-line text field. Inherits all native input props.

shell

pnpm dlx shadcn@latest add @webzenia/input

preview

states

defaultfocus (ring)disabledinvalid

props

typestring= text

Native input type.

disabledboolean

Disabled state.

…HTMLInputPropsInputHTMLAttributes

All native input attributes pass through.

accessibility

Always pair with a <label> (or aria-label).

Communicate errors with text + aria-invalid, not colour alone.

usage

tsx

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

<label htmlFor="email">Email</label>
<Input id="email" type="email" placeholder="you@company.com" />