Input
formsText input with label, helper text, error state with role=alert, focus ring, disabled state, and all native HTML input attributes. Uses aria-invalid and aria-describedby for accessible error/helper linking.
Import
typescript
import { Input } from "packages/ui/src";Props
InputProps extends InputHTMLAttributes
| Prop | Type | Required |
|---|---|---|
label | string | No |
helper | string | No |
error | string | No |
Examples
Input
Text input with label, helper text, error state, and focus ring. Supports all native input attributes.
Basic
With Helper Text
Your key is stored locally and never sent to our servers.
Error State
Username must be at least 3 characters
Please enter a valid email address
Disabled
Form Context
Create Project
Lowercase letters, numbers, and hyphens only