{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge-on-card",
  "title": "Badges on card",
  "description": "Default, secondary, and destructive badges shown together on a card surface.",
  "registryDependencies": [
    "card",
    "badge"
  ],
  "files": [
    {
      "path": "registry/blocks/badge-on-card.tsx",
      "content": "import { Card, CardContent } from '@/components/ui/card'\nimport { Badge } from '@/components/ui/badge'\n\n/** Default, secondary, and destructive badges shown together on a card surface. */\nexport function BadgeOnCard() {\n  return (\n    <Card className=\"w-[280px]\">\n      <CardContent className=\"flex gap-2 pt-6\">\n        <Badge>Default</Badge>\n        <Badge variant=\"secondary\">Secondary</Badge>\n        <Badge variant=\"destructive\">Destructive</Badge>\n      </CardContent>\n    </Card>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/quill/badge-on-card.tsx"
    }
  ],
  "meta": {
    "intent": [
      "data-display"
    ],
    "use_when": "You need to show status or category badges attached to a content card.",
    "not_for": "you need a badge whose color is driven by a semantic tone token rather than the three fixed variants here → tone-badge; the badges are actually per-row status in a list of records, not a single card's labels → data-table"
  },
  "docs": "Default, secondary, and destructive badges shown together on a card surface. Do: Reserve the destructive variant for a status that actually needs attention (blocked, failed, overdue). Don't: Use destructive styling for emphasis on a badge that isn't actually a warning. Use tone-badge when you need a badge whose color is driven by a semantic tone token rather than the three fixed variants here. Use data-table when the badges are actually per-row status in a list of records, not a single card's labels.",
  "categories": [
    "data-display"
  ],
  "type": "registry:block"
}