{
  "name": "status-tag",
  "title": "Status Tag",
  "description": "Machine-room signage: a mono, uppercase pill with a breathing dot — the LIVE IN PRODUCTION stamp for systems that are actually on.",
  "category": "data-display",
  "install": {
    "command": "npx shadcn@latest add @clow/status-tag",
    "registryConfig": {
      "@clow": "https://clow.cards/r/{name}.json"
    }
  },
  "props": {
    "status": {
      "type": "select",
      "options": [
        "live",
        "idle",
        "error",
        "draft"
      ],
      "default": "live",
      "description": "System state: live = success, idle = muted, error = destructive, draft = warning."
    },
    "children": {
      "type": "text",
      "default": "Live in production"
    }
  },
  "agent": {
    "prompt": "Use StatusTag to stamp the operational state of a system — a deployment, a relay, a pipeline. It is signalling, not a content chip: mono, uppercase, and the breathing dot is always on (use Badge for counts, tags and inline statuses). Children is a short label; the pill uppercases it, so write it naturally. Pairs with Workflow as the scene caption (e.g. above a pipeline) — one StatusTag per system, not per step.",
    "examples": [
      "<StatusTag>Live in production</StatusTag>",
      "<StatusTag status=\"idle\">On standby</StatusTag>",
      "<StatusTag status=\"error\">Carrier lost</StatusTag>"
    ]
  },
  "dependencies": [
    "class-variance-authority"
  ],
  "registryDependencies": [
    "utils"
  ],
  "links": {
    "docs": "https://clow.cards/docs/status-tag",
    "markdown": "https://clow.cards/llms/status-tag.md",
    "registryItem": "https://clow.cards/r/status-tag.json"
  }
}
prop	type	default
status	live \| idle \| error \| draft	live
children	text	Live in production
Draw

Playground

Examples

Props
