Utility
Terminal
Installation
$ pnpm dlx shadcn@latest add @termcn/ink/form-field
Usage
import { FormField } from "@/components/ui/form-field";<FormField label="Username" hint="Must be unique" required>
<Text>my-input-here</Text>
</FormField>API Reference
FormField
| Prop | Type | Default |
|---|---|---|
label | string | required |
children | ReactNode | required |
error | string | - |
hint | string | - |
required | boolean | - |
gap | number | 0 |
errorIcon | string | "✗" |
labelColor | string | - |
Notes
Accessibility
termcn exposes the following behavior through Ink's terminal accessibility APIs. This is not a browser ARIA or general WCAG-conformance claim.
- Screen reader: Ink labels and semantic state expose the component without relying on visual styling alone.