{
  "name": "keyboard-shortcut-display",
  "kind": "block",
  "primary": "section",
  "page": "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<section>\n    <card-ui>\n      <header>\n        <text-ui strong>Keyboard shortcuts</text-ui>\n      </header>\n      <section>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"4\" align=\"center\">\n            <row-ui gap=\"1\"><kbd-ui>⌘</kbd-ui><kbd-ui>K</kbd-ui></row-ui>\n            <text-ui>Open command palette</text-ui>\n          </row-ui>\n          <row-ui gap=\"4\" align=\"center\">\n            <row-ui gap=\"1\"><kbd-ui>⌘</kbd-ui><kbd-ui>/</kbd-ui></row-ui>\n            <text-ui>Toggle search</text-ui>\n          </row-ui>\n          <row-ui gap=\"4\" align=\"center\">\n            <row-ui gap=\"1\"><kbd-ui>⌘</kbd-ui><kbd-ui>N</kbd-ui></row-ui>\n            <text-ui>New document</text-ui>\n          </row-ui>\n          <row-ui gap=\"4\" align=\"center\">\n            <row-ui gap=\"1\"><kbd-ui>⌘</kbd-ui><kbd-ui>S</kbd-ui></row-ui>\n            <text-ui>Save</text-ui>\n          </row-ui>\n          <row-ui gap=\"4\" align=\"center\">\n            <row-ui gap=\"1\"><kbd-ui>Esc</kbd-ui></row-ui>\n            <text-ui>Close current pane</text-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
  "source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
  "metadata": {
    "domain": "layout",
    "description": "Keyboard shortcut reference grid — each row is a key combo + description.",
    "keywords": [
      "keyboard",
      "shortcuts",
      "kbd",
      "hotkeys",
      "cheatsheet",
      "reference",
      "help",
      "cmd",
      "ctrl",
      "quick-keys",
      "keyboard",
      "shortcut",
      "display",
      "kbd-ui",
      "key",
      "binding",
      "hotkey",
      "combination",
      "command"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "strong": true,
      "textContent": "Keyboard shortcuts"
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text"
      ]
    },
    {
      "id": "kbd",
      "component": "Kbd",
      "textContent": "⌘"
    },
    {
      "id": "kbd-2",
      "component": "Kbd",
      "textContent": "K"
    },
    {
      "id": "row-2",
      "component": "Row",
      "gap": "1",
      "children": [
        "kbd",
        "kbd-2"
      ]
    },
    {
      "id": "text-2",
      "component": "Text",
      "textContent": "Open command palette"
    },
    {
      "id": "row",
      "component": "Row",
      "align": "center",
      "gap": "4",
      "children": [
        "row-2",
        "text-2"
      ]
    },
    {
      "id": "kbd-3",
      "component": "Kbd",
      "textContent": "⌘"
    },
    {
      "id": "kbd-4",
      "component": "Kbd",
      "textContent": "/"
    },
    {
      "id": "row-4",
      "component": "Row",
      "gap": "1",
      "children": [
        "kbd-3",
        "kbd-4"
      ]
    },
    {
      "id": "text-3",
      "component": "Text",
      "textContent": "Toggle search"
    },
    {
      "id": "row-3",
      "component": "Row",
      "align": "center",
      "gap": "4",
      "children": [
        "row-4",
        "text-3"
      ]
    },
    {
      "id": "kbd-5",
      "component": "Kbd",
      "textContent": "⌘"
    },
    {
      "id": "kbd-6",
      "component": "Kbd",
      "textContent": "N"
    },
    {
      "id": "row-6",
      "component": "Row",
      "gap": "1",
      "children": [
        "kbd-5",
        "kbd-6"
      ]
    },
    {
      "id": "text-4",
      "component": "Text",
      "textContent": "New document"
    },
    {
      "id": "row-5",
      "component": "Row",
      "align": "center",
      "gap": "4",
      "children": [
        "row-6",
        "text-4"
      ]
    },
    {
      "id": "kbd-7",
      "component": "Kbd",
      "textContent": "⌘"
    },
    {
      "id": "kbd-8",
      "component": "Kbd",
      "textContent": "S"
    },
    {
      "id": "row-8",
      "component": "Row",
      "gap": "1",
      "children": [
        "kbd-7",
        "kbd-8"
      ]
    },
    {
      "id": "text-5",
      "component": "Text",
      "textContent": "Save"
    },
    {
      "id": "row-7",
      "component": "Row",
      "align": "center",
      "gap": "4",
      "children": [
        "row-8",
        "text-5"
      ]
    },
    {
      "id": "kbd-9",
      "component": "Kbd",
      "textContent": "Esc"
    },
    {
      "id": "row-10",
      "component": "Row",
      "gap": "1",
      "children": [
        "kbd-9"
      ]
    },
    {
      "id": "text-6",
      "component": "Text",
      "textContent": "Close current pane"
    },
    {
      "id": "row-9",
      "component": "Row",
      "align": "center",
      "gap": "4",
      "children": [
        "row-10",
        "text-6"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "gap": "2",
      "children": [
        "row",
        "row-3",
        "row-5",
        "row-7",
        "row-9"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column"
      ]
    },
    {
      "id": "card",
      "component": "Card",
      "children": [
        "header",
        "section"
      ]
    },
    {
      "id": "root",
      "component": "Section",
      "children": [
        "card"
      ]
    }
  ]
}