{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-radio-group-9","type":"registry:block","title":"Radio group in card with icons","description":"Radio group in card with icons","dependencies":[],"registryDependencies":["card","field","radio-group","separator"],"files":[{"path":"c-radio-group-9.tsx","type":"registry:block","content":"import { Card } from \"@/components/ui/card\"\nimport {\n  Field,\n  FieldGroup,\n  FieldLabel,\n  FieldTitle,\n} from \"@/components/ui/field\"\nimport {\n  RadioGroup,\n  RadioGroupItem,\n} from \"@/components/ui/radio-group\"\nimport { Separator } from \"@/components/ui/separator\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <Card className=\"w-full max-w-xs p-0\">\n      <RadioGroup defaultValue=\"email\">\n        <FieldGroup className=\"gap-0\">\n          <Field>\n            <FieldLabel className=\"justify-between px-4 py-3\">\n              <FieldTitle className=\"flex items-center gap-2\">\n                <IconPlaceholder\n                  lucide=\"MailIcon\"\n                  tabler=\"IconMail\"\n                  hugeicons=\"MailIcon\"\n                  phosphor=\"EnvelopeIcon\"\n                  remixicon=\"RiMailLine\"\n                  aria-hidden=\"true\"\n                  className=\"size-4 opacity-60\"\n                />\n                Email\n              </FieldTitle>\n              <RadioGroupItem value=\"email\" id=\"contact-email\" />\n            </FieldLabel>\n          </Field>\n          <Separator />\n          <Field>\n            <FieldLabel className=\"justify-between px-4 py-3\">\n              <FieldTitle className=\"flex items-center gap-2\">\n                <IconPlaceholder\n                  lucide=\"SmartphoneIcon\"\n                  tabler=\"IconDeviceMobile\"\n                  hugeicons=\"SmartPhone01Icon\"\n                  phosphor=\"DeviceMobileCameraIcon\"\n                  remixicon=\"RiSmartphoneLine\"\n                  aria-hidden=\"true\"\n                  className=\"size-4 opacity-60\"\n                />\n                Phone\n              </FieldTitle>\n              <RadioGroupItem value=\"phone\" id=\"contact-phone\" />\n            </FieldLabel>\n          </Field>\n          <Separator />\n          <Field>\n            <FieldLabel className=\"justify-between px-4 py-3\">\n              <FieldTitle className=\"flex items-center gap-2\">\n                <IconPlaceholder\n                  lucide=\"MessageCircleIcon\"\n                  tabler=\"IconMessageCircle\"\n                  hugeicons=\"Message02Icon\"\n                  phosphor=\"ChatCircleIcon\"\n                  remixicon=\"RiChat3Line\"\n                  aria-hidden=\"true\"\n                  className=\"size-4 opacity-60\"\n                />\n                Chat\n              </FieldTitle>\n              <RadioGroupItem value=\"chat\" id=\"contact-chat\" />\n            </FieldLabel>\n          </Field>\n        </FieldGroup>\n      </RadioGroup>\n    </Card>\n  )\n}","target":"components/examples/c-radio-group-9.tsx"}],"meta":{"order":9}}