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

apps/v4/examples/radix/checkbox-group.tsx

@@ -0,0 +1,74 @@
+import { Checkbox } from "@/styles/radix-nova/ui/checkbox"
+import {
+  Field,
+  FieldDescription,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSet,
+} from "@/styles/radix-nova/ui/field"
+
+export function CheckboxGroup() {
+  return (
+    <FieldSet>
+      <FieldLegend variant="label">
+        Show these items on the desktop:
+      </FieldLegend>
+      <FieldDescription>
+        Select the items you want to show on the desktop.
+      </FieldDescription>
+      <FieldGroup className="gap-3">
+        <Field orientation="horizontal">
+          <Checkbox
+            id="finder-pref-9k2-hard-disks-ljj-checkbox"
+            name="finder-pref-9k2-hard-disks-ljj-checkbox"
+            defaultChecked
+          />
+          <FieldLabel
+            htmlFor="finder-pref-9k2-hard-disks-ljj-checkbox"
+            className="font-normal"
+          >
+            Hard disks
+          </FieldLabel>
+        </Field>
+        <Field orientation="horizontal">
+          <Checkbox
+            id="finder-pref-9k2-external-disks-1yg-checkbox"
+            name="finder-pref-9k2-external-disks-1yg-checkbox"
+            defaultChecked
+          />
+          <FieldLabel
+            htmlFor="finder-pref-9k2-external-disks-1yg-checkbox"
+            className="font-normal"
+          >
+            External disks
+          </FieldLabel>
+        </Field>
+        <Field orientation="horizontal">
+          <Checkbox
+            id="finder-pref-9k2-cds-dvds-fzt-checkbox"
+            name="finder-pref-9k2-cds-dvds-fzt-checkbox"
+          />
+          <FieldLabel
+            htmlFor="finder-pref-9k2-cds-dvds-fzt-checkbox"
+            className="font-normal"
+          >
+            CDs, DVDs, and iPods
+          </FieldLabel>
+        </Field>
+        <Field orientation="horizontal">
+          <Checkbox
+            id="finder-pref-9k2-connected-servers-6l2-checkbox"
+            name="finder-pref-9k2-connected-servers-6l2-checkbox"
+          />
+          <FieldLabel
+            htmlFor="finder-pref-9k2-connected-servers-6l2-checkbox"
+            className="font-normal"
+          >
+            Connected servers
+          </FieldLabel>
+        </Field>
+      </FieldGroup>
+    </FieldSet>
+  )
+}