Skip to Content
ComponentsInput - Design System

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

SizeHeight
sm32px
md40px
lg48px

Props

PropTypeDefault
labelstring-
errorstring-
helperTextstring-
disabledbooleanfalse
sizesm/md/lgmd

Disabled

<Input label="Email" disabled />