{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge-custom-colors",
  "title": "Badge Custom Colors",
  "description": "Badge example: Custom Colors.",
  "registryDependencies": [
    "badge"
  ],
  "files": [
    {
      "path": "apps/docs/demos/badge/custom-colors.tsx",
      "content": "\"use client\";\n\nimport { Badge } from \"@keystoneui/react/badge\";\n\nexport default function BadgeCustomColors() {\n  return (\n    <div className=\"flex flex-wrap gap-2\">\n      <Badge className=\"border-transparent bg-blue-50 text-blue-700 dark:bg-blue-950 dark:text-blue-300\">\n        Blue\n      </Badge>\n      <Badge className=\"border-transparent bg-green-50 text-green-700 dark:bg-green-950 dark:text-green-300\">\n        Green\n      </Badge>\n      <Badge className=\"border-transparent bg-purple-50 text-purple-700 dark:bg-purple-950 dark:text-purple-300\">\n        Purple\n      </Badge>\n      <Badge className=\"border-transparent bg-amber-400/20 text-amber-700 dark:bg-amber-400/10 dark:text-amber-400\">\n        Amber\n      </Badge>\n      <Badge className=\"border-transparent bg-red-50 text-red-700 dark:bg-red-950 dark:text-red-300\">\n        Red\n      </Badge>\n    </div>\n  );\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}