Forms
Field
Label, hint and error wired to one control.
Shown on your invoices.
npx shadcn@latest add https://ui.netm8.com/r/field.json@base-ui/react
Forms
Label, hint and error wired to one control.
Shown on your invoices.
npx shadcn@latest add https://ui.netm8.com/r/field.jsonimport { Field, FieldDescription, FieldError, FieldLabel } from "@/components/ui/field"
import { Input } from "@/components/ui/input"
export default function FieldDemo() {
return (
<Field className="w-64">
<FieldLabel>Studio</FieldLabel>
<Input required placeholder="Garden studio" />
<FieldDescription>Shown on your invoices.</FieldDescription>
<FieldError />
</Field>
)
}