{
  "$schema": "https://mian.ro/schema/v2/registry.json",
  "schemaVersion": "2.0.0",
  "generatedAt": "2026-10-02T13:14:06.957Z",
  "id": "kbd",
  "name": "Kbd",
  "category": "Data display",
  "description": "Keyboard keys and shortcuts.",
  "tags": [
    "kbd",
    "keyboard",
    "shortcut",
    "hotkey"
  ],
  "requiresJs": false,
  "license": "LicenseRef-MIAN-1.0",
  "composition": {
    "role": null,
    "intents": [
      "keyboard shortcut",
      "key hint",
      "hotkey"
    ],
    "prominence": null,
    "density": null,
    "worksAfter": [],
    "worksBefore": [],
    "alternatives": [],
    "avoid": null
  },
  "url": "https://mian.ro/components/kbd",
  "markdownUrl": "https://mian.ro/ai/components/kbd.md",
  "classes": [
    {
      "name": "mn-kbd",
      "description": "On a <kbd>."
    }
  ],
  "accessibility": [
    "Use <kbd>. For symbols like ⌘ add a title or visually hidden text (\"Command\")."
  ],
  "examples": [
    {
      "title": "Shortcuts",
      "description": null,
      "html": "<span class=\"mn-row\"><kbd class=\"mn-kbd\" title=\"Command\">⌘</kbd><kbd class=\"mn-kbd\">K</kbd></span>\n<span class=\"mn-muted mn-small\">Press <kbd class=\"mn-kbd\">Esc</kbd> to close, <kbd class=\"mn-kbd\">↑</kbd> <kbd class=\"mn-kbd\">↓</kbd> to move.</span>"
    }
  ],
  "css": ".mn-kbd {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 1.5rem; height: 1.5rem; padding: 0 .4em;\n  border: var(--mn-border-w) solid var(--mn-border); border-bottom-width: 2px;\n  border-radius: min(6px, var(--mn-radius-field));\n  background: var(--mn-surface-2); color: var(--mn-fg);\n  font: 500 .75rem/1 var(--mn-font-mono);",
  "js": null,
  "install": {
    "css": "https://mian.ro/dist/mian.css",
    "js": null,
    "registryItem": "https://mian.ro/r/kbd.json"
  }
}