{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-switch-10","type":"registry:block","title":"Switch with badges","description":"Switch with badges","dependencies":[],"registryDependencies":["badge","field","switch"],"files":[{"path":"c-switch-10.tsx","type":"registry:block","content":"import { Badge } from \"@/components/ui/badge\"\nimport { Field, FieldLabel } from \"@/components/ui/field\"\nimport { Switch } from \"@/components/ui/switch\"\n\nexport function Pattern() {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field orientation=\"horizontal\">\n        <Switch id=\"sw-badge-1\" defaultChecked />\n        <div className=\"flex items-center gap-2\">\n          <FieldLabel htmlFor=\"sw-badge-1\">AI Copilot</FieldLabel>\n          <Badge className=\"h-4.5 rounded-full px-1.5 text-[10px] tracking-wider uppercase\">\n            New\n          </Badge>\n        </div>\n      </Field>\n      <Field orientation=\"horizontal\">\n        <Switch id=\"sw-badge-2\" />\n        <div className=\"flex items-center gap-2\">\n          <FieldLabel htmlFor=\"sw-badge-2\">Smart suggestions</FieldLabel>\n          <Badge\n            variant=\"secondary\"\n            className=\"h-4.5 rounded-full px-1.5 text-[10px] tracking-wider uppercase\"\n          >\n            Beta\n          </Badge>\n        </div>\n      </Field>\n    </div>\n  )\n}","target":"components/examples/c-switch-10.tsx"}],"meta":{"order":10}}