{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-radio-group-12","type":"registry:block","title":"Avatar based card radio group","description":"Avatar based card radio group","dependencies":[],"registryDependencies":["avatar","field","radio-group"],"files":[{"path":"c-radio-group-12.tsx","type":"registry:block","content":"import {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Field, FieldLabel, FieldTitle } from \"@/components/ui/field\"\nimport {\n  RadioGroup,\n  RadioGroupItem,\n} from \"@/components/ui/radio-group\"\n\nexport function Pattern() {\n  return (\n    <RadioGroup defaultValue=\"emma\" className=\"w-full max-w-xs\">\n      <FieldLabel htmlFor=\"emma-wilson\" className=\"p-0!\">\n        <Field orientation=\"horizontal\">\n          <FieldTitle className=\"flex items-center gap-2\">\n            <Avatar>\n              <AvatarImage\n                src=\"https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=150&h=150&auto=format&fit=crop\"\n                alt=\"Emma Wilson\"\n              />\n              <AvatarFallback>EW</AvatarFallback>\n            </Avatar>\n            <div className=\"flex flex-col items-start\">\n              <span className=\"text-sm font-semibold\">Emma Wilson</span>\n              <span className=\"text-muted-foreground text-xs\">@emmawilson</span>\n            </div>\n          </FieldTitle>\n          <RadioGroupItem value=\"emma\" id=\"emma-wilson\" />\n        </Field>\n      </FieldLabel>\n      <FieldLabel htmlFor=\"john-doe\" className=\"p-0!\">\n        <Field orientation=\"horizontal\">\n          <FieldTitle className=\"flex items-center gap-2\">\n            <Avatar>\n              <AvatarImage\n                src=\"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=150&h=150&auto=format&fit=crop\"\n                alt=\"John Doe\"\n              />\n              <AvatarFallback>JD</AvatarFallback>\n            </Avatar>\n            <div className=\"flex flex-col items-start\">\n              <span className=\"text-sm font-semibold\">John Doe</span>\n              <span className=\"text-muted-foreground text-xs\">@johndoe</span>\n            </div>\n          </FieldTitle>\n          <RadioGroupItem value=\"john\" id=\"john-doe\" />\n        </Field>\n      </FieldLabel>\n    </RadioGroup>\n  )\n}","target":"components/examples/c-radio-group-12.tsx"}],"meta":{"order":12}}