Field

A complete form field component with label, description, and error handling.

import { Field, FieldLabel } from "@/components/ui/field/field";
import { Input } from "@/components/ui/input/input";
import styles from "./field-demo.module.css";

export default function FieldDemo() {
  return (
    <Field className={styles.field}>
      <FieldLabel>Email</FieldLabel>
      <Input placeholder="Enter your email" />
    </Field>
  );
}

npx shadcn@latest add @roiui/field

npx shadcn@latest add @roiui/field-tailwind

<Field>
  <FieldLabel />
  <FieldDescription />
  <FieldControl />
  <FieldError />
</Field>