A complete form field component with label, description, and error handling.
import {
Field,
FieldControl,
FieldLabel,
} from "@/components/ui/field/field";
import styles from "./field-demo.module.css";
export default function FieldDemo() {
return (
<Field className={styles.field}>
<FieldLabel>Email</FieldLabel>
<FieldControl placeholder="Enter your email" type="email" />
</Field>
);
}
npx shadcn@latest add https://roiui.com/r/field.json<Field>
<FieldLabel />
<FieldDescription />
<FieldControl />
<FieldError />
</Field>