Input
A single-line text field.
Installation
import { Input } from "~/components/ui/Input";Usage
<Input placeholder="you@business.com" />Disabled
<Input placeholder="Disabled" disabled />API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| disabled | boolean | false | Disable the field. |
| ...props | InputHTMLAttributes | - | All native input props (type, value, onChange, placeholder). |
Accessibility
- Built on the Base UI Input primitive; always pair with a label or aria-label.
- Sets a data-disabled attribute rather than relying on the :disabled pseudo-class.