Last Updated: 1/28/2026
Input
Text input for forms.
Usage
import { Input } from '@acme/ui';
<Input
label="Email"
type="email"
placeholder="you@example.com"
/>With Error
<Input
label="Email"
error="Please enter a valid email"
/>With Helper Text
<Input
label="Password"
type="password"
helperText="At least 8 characters"
/>Sizes
| Size | Height |
|---|---|
sm | 32px |
md | 40px |
lg | 48px |
Props
| Prop | Type | Default |
|---|---|---|
label | string | - |
error | string | - |
helperText | string | - |
disabled | boolean | false |
size | sm/md/lg | md |
Disabled
<Input label="Email" disabled />