{
  "name": "keycap-board",
  "title": "Keycap Board",
  "description": "A small console of physical Keycaps on paper: rows of labels, active keys wash with accent, optional mono caption. Scene prop for shortcuts, not inline Kbd.",
  "category": "cards",
  "install": {
    "command": "npx shadcn@latest add @clow/keycap-board",
    "registryConfig": {
      "@clow": "https://clow.cards/r/{name}.json"
    }
  },
  "props": {
    "size": {
      "type": "select",
      "options": [
        "md",
        "lg"
      ],
      "default": "md",
      "description": "Keycap size for every key."
    },
    "caption": {
      "type": "text",
      "default": "command palette",
      "description": "Quiet mono caption under the board."
    }
  },
  "agent": {
    "prompt": "Use KeycapBoard to show shortcut chords as physical keys (⌘K, arrow clusters). Pass rows as string[][]. active lights matching labels. Built on Keycap — not Kbd. caption is optional mono stamp.",
    "examples": [
      "<KeycapBoard rows={[[\"⌘\",\"K\"],[\"esc\"]]} active={[\"K\"]} caption=\"open command\" />"
    ]
  },
  "registryDependencies": [
    "utils",
    "keycap"
  ],
  "links": {
    "docs": "https://clow.cards/docs/keycap-board",
    "markdown": "https://clow.cards/llms/keycap-board.md",
    "registryItem": "https://clow.cards/r/keycap-board.json"
  }
}
prop	type	default
size	md \| lg	md
caption	text	command palette
Draw

Playground

Examples

Props
