{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge-custom-demo",
  "type": "registry:example",
  "registryDependencies": [
    "badge"
  ],
  "files": [
    {
      "path": "src/registry/pure-ui/examples/badge/badge-custom-demo.tsx",
      "content": "import { Badge } from \"@/registry/pure-ui/ui/badge\";\r\n\r\nexport function BadgeCustomDemo() {\r\n  return (\r\n    <div className=\"flex flex-wrap items-center gap-2 md:flex-row\">\r\n      <Badge\r\n        className=\"dark:bg-[#1c120d] bg-[#f1763a] border border-[#f1763a] dark:text-[#f1763a] text-[#1c120d]\"\r\n        shape=\"bar\"\r\n      >\r\n        L. Norris\r\n      </Badge>\r\n      <Badge\r\n        className=\"dark:bg-[#091917] bg-[#0ad4b4] border border-[#0ad4b4] dark:text-[#0ad4b4] text-[#091917]\"\r\n        shape=\"bar\"\r\n      >\r\n        G. Russel\r\n      </Badge>\r\n      <Badge\r\n        className=\"dark:bg-[#151515] bg-[#9c9ea1] border border-[#9c9ea1] dark:text-[#9c9ea1] text-[#151515]\"\r\n        shape=\"bar\"\r\n      >\r\n        O. Bearman\r\n      </Badge>\r\n      <Badge\r\n        className=\"dark:bg-[#0e1319] bg-[#4680d6] border border-[#4680d6] dark:text-[#4680d6] text-white\"\r\n        shape=\"bar\"\r\n      >\r\n        M. Verstappen\r\n      </Badge>\r\n      <Badge\r\n        className=\"dark:bg-[#0a111a] bg-[#1568da] border border-[#1568da] dark:text-[#1568da] text-white\"\r\n        shape=\"bar\"\r\n      >\r\n        C. Sainz\r\n      </Badge>\r\n      <Badge\r\n        className=\"dark:bg-[#09180a] bg-[#0cbf10] border border-[#0cbf10] dark:text-[#0cbf10] text-white\"\r\n        shape=\"bar\"\r\n      >\r\n        N. Hulkenberg\r\n      </Badge>\r\n      <Badge\r\n        className=\"dark:bg-[#1b0a0c] bg-[#eb1131] border border-[#eb1131] dark:text-[#eb1131] text-white\"\r\n        shape=\"bar\"\r\n      >\r\n        L. Stroll\r\n      </Badge>\r\n    </div>\r\n  );\r\n}\r\n",
      "type": "registry:example"
    }
  ]
}