snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/registry/new-york-v4/examples/field-group.tsx

@@ -0,0 +1,55 @@
+import { Checkbox } from "@/registry/new-york-v4/ui/checkbox"
+import {
+  Field,
+  FieldDescription,
+  FieldGroup,
+  FieldLabel,
+  FieldSeparator,
+  FieldSet,
+} from "@/registry/new-york-v4/ui/field"
+
+export default function FieldGroupExample() {
+  return (
+    <div className="w-full max-w-md">
+      <FieldGroup>
+        <FieldSet>
+          <FieldLabel>Responses</FieldLabel>
+          <FieldDescription>
+            Get notified when ChatGPT responds to requests that take time, like
+            research or image generation.
+          </FieldDescription>
+          <FieldGroup data-slot="checkbox-group">
+            <Field orientation="horizontal">
+              <Checkbox id="push" defaultChecked disabled />
+              <FieldLabel htmlFor="push" className="font-normal">
+                Push notifications
+              </FieldLabel>
+            </Field>
+          </FieldGroup>
+        </FieldSet>
+        <FieldSeparator />
+        <FieldSet>
+          <FieldLabel>Tasks</FieldLabel>
+          <FieldDescription>
+            Get notified when tasks you&apos;ve created have updates.{" "}
+            <a href="#">Manage tasks</a>
+          </FieldDescription>
+          <FieldGroup data-slot="checkbox-group">
+            <Field orientation="horizontal">
+              <Checkbox id="push-tasks" />
+              <FieldLabel htmlFor="push-tasks" className="font-normal">
+                Push notifications
+              </FieldLabel>
+            </Field>
+            <Field orientation="horizontal">
+              <Checkbox id="email-tasks" />
+              <FieldLabel htmlFor="email-tasks" className="font-normal">
+                Email notifications
+              </FieldLabel>
+            </Field>
+          </FieldGroup>
+        </FieldSet>
+      </FieldGroup>
+    </div>
+  )
+}