{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "import { useId } from \"react\";\nimport { Field } from \"~/registry/ui/field\";\nimport { Switch } from \"~/registry/ui/switch\";\n\nexport function FieldSwitchDemo() {\n  const id = useId();\n\n  return (\n    <Field.Root orientation=\"horizontal\">\n      <Field.Content>\n        <Field.Label htmlFor={id}>Marketing emails</Field.Label>\n        <Field.Description>\n          Receive emails about new products and features.\n        </Field.Description>\n      </Field.Content>\n\n      <Switch.Root id={id}>\n        <Switch.Track>\n          <Switch.Thumb />\n        </Switch.Track>\n      </Switch.Root>\n    </Field.Root>\n  );\n}\n",
      "path": "src/registry/examples/field/field-switch-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "field-switch-demo",
  "registryDependencies": [
    "@kanpeki/field"
  ],
  "type": "registry:example"
}