{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-radio-group-5","type":"registry:block","title":"Colored radio group","description":"Colored radio group","dependencies":[],"registryDependencies":["field","radio-group"],"files":[{"path":"c-radio-group-5.tsx","type":"registry:block","content":"import { Field, FieldLabel } from \"@/components/ui/field\"\nimport {\n  RadioGroup,\n  RadioGroupItem,\n} from \"@/components/ui/radio-group\"\n\nexport function Pattern() {\n  return (\n    <RadioGroup defaultValue=\"blue\" className=\"w-fit\">\n      <Field orientation=\"horizontal\">\n        <RadioGroupItem\n          value=\"blue\"\n          id=\"color-blue\"\n          className=\"border-blue-500 data-checked:border-blue-500 [&_[data-slot=radio-group-indicator]]:text-blue-500\"\n        />\n        <FieldLabel htmlFor=\"color-blue\">Blue</FieldLabel>\n      </Field>\n      <Field orientation=\"horizontal\">\n        <RadioGroupItem\n          value=\"green\"\n          id=\"color-green\"\n          className=\"border-green-500 data-checked:border-green-500 [&_[data-slot=radio-group-indicator]]:text-green-500\"\n        />\n        <FieldLabel htmlFor=\"color-green\">Green</FieldLabel>\n      </Field>\n      <Field orientation=\"horizontal\">\n        <RadioGroupItem\n          value=\"yellow\"\n          id=\"color-yellow\"\n          className=\"border-yellow-500 data-checked:border-yellow-500 [&_[data-slot=radio-group-indicator]]:text-yellow-500\"\n        />\n        <FieldLabel htmlFor=\"color-yellow\">Yellow</FieldLabel>\n      </Field>\n    </RadioGroup>\n  )\n}","target":"components/examples/c-radio-group-5.tsx"}],"meta":{"order":5}}