{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-radio-group-3","type":"registry:block","title":"Radio with description","description":"Radio with description","dependencies":[],"registryDependencies":["field","radio-group"],"files":[{"path":"c-radio-group-3.tsx","type":"registry:block","content":"import {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldLabel,\n} from \"@/components/ui/field\"\nimport {\n  RadioGroup,\n  RadioGroupItem,\n} from \"@/components/ui/radio-group\"\n\nexport function Pattern() {\n  return (\n    <RadioGroup defaultValue=\"comfortable\" className=\"w-fit\">\n      <Field orientation=\"horizontal\">\n        <RadioGroupItem value=\"default\" id=\"desc-r1\" />\n        <FieldContent>\n          <FieldLabel htmlFor=\"desc-r1\">Default</FieldLabel>\n          <FieldDescription>\n            Standard spacing for most use cases.\n          </FieldDescription>\n        </FieldContent>\n      </Field>\n      <Field orientation=\"horizontal\">\n        <RadioGroupItem value=\"comfortable\" id=\"desc-r2\" />\n        <FieldContent>\n          <FieldLabel htmlFor=\"desc-r2\">Comfortable</FieldLabel>\n          <FieldDescription>More space between elements.</FieldDescription>\n        </FieldContent>\n      </Field>\n      <Field orientation=\"horizontal\">\n        <RadioGroupItem value=\"compact\" id=\"desc-r3\" />\n        <FieldContent>\n          <FieldLabel htmlFor=\"desc-r3\">Compact</FieldLabel>\n          <FieldDescription>\n            Minimal spacing for dense layouts.\n          </FieldDescription>\n        </FieldContent>\n      </Field>\n    </RadioGroup>\n  )\n}","target":"components/examples/c-radio-group-3.tsx"}],"meta":{"order":3}}