Primitive · CLI
Field
Quiet Field spine — label, description, Motion error reveal, control.
Preview
npx shadcn@latest add @atroui/fieldShown on the OG card and sitemap.
Installation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/fieldSource lands in your repo. Installation · Registry
Usage
Compose Field around any control so label, help, and error stay wired. Prefer FieldControl or Input inside the root.
tsx
import {
Field,
FieldControl,
FieldDescription,
FieldError,
FieldLabel,
} from "@/components/ui/field"
<Field>
<FieldLabel>Project name</FieldLabel>
<FieldControl name="project" required placeholder="Acme launch" />
<FieldDescription>Shown on the OG card.</FieldDescription>
<FieldError match="valueMissing">Name is required.</FieldError>
</Field>Field