Components/Field
Field
A composable field primitive for modern product interfaces.
Base UI
Interactive example
We’ll use this for account notifications.
This slug is already taken.
Installation
Run the CLI from your project root. Dependencies and component source are added automatically.
$npx quackelements add fieldUsage
The generated file lives in your repository, so the component API and styles remain fully editable.
example.tsx
import { Field, FieldLabel, FieldDescription } from "@/components/quack/field"
<Field><FieldLabel>Work email</FieldLabel><Input /><FieldDescription>Used for updates.</FieldDescription></Field>