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

apps/v4/examples/radix/radio-group-description.tsx

@@ -0,0 +1,39 @@
+import {
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldLabel,
+} from "@/styles/radix-nova/ui/field"
+import { RadioGroup, RadioGroupItem } from "@/styles/radix-nova/ui/radio-group"
+
+export function RadioGroupDescription() {
+  return (
+    <RadioGroup defaultValue="comfortable" className="w-fit">
+      <Field orientation="horizontal">
+        <RadioGroupItem value="default" id="desc-r1" />
+        <FieldContent>
+          <FieldLabel htmlFor="desc-r1">Default</FieldLabel>
+          <FieldDescription>
+            Standard spacing for most use cases.
+          </FieldDescription>
+        </FieldContent>
+      </Field>
+      <Field orientation="horizontal">
+        <RadioGroupItem value="comfortable" id="desc-r2" />
+        <FieldContent>
+          <FieldLabel htmlFor="desc-r2">Comfortable</FieldLabel>
+          <FieldDescription>More space between elements.</FieldDescription>
+        </FieldContent>
+      </Field>
+      <Field orientation="horizontal">
+        <RadioGroupItem value="compact" id="desc-r3" />
+        <FieldContent>
+          <FieldLabel htmlFor="desc-r3">Compact</FieldLabel>
+          <FieldDescription>
+            Minimal spacing for dense layouts.
+          </FieldDescription>
+        </FieldContent>
+      </Field>
+    </RadioGroup>
+  )
+}