Shortcut Cheatsheet

Titled panel listing several actions with their key combos stacked on the right.

Keyboard shortcuts

Open search

⌘K

New file

⌘N

Toggle sidebar

⌘B

Switch workspace

⌘⇧O

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Keyboard3 } from "@/components/beste/piece/keyboard3";

<Keyboard3
  title="Keyboard shortcuts"
  shortcuts={[
    {
      "label": "Open search",
      "keys": [
        "⌘",
        "K"
      ]
    },
    {
      "label": "New file",
      "keys": [
        "⌘",
        "N"
      ]
    },
    {
      "label": "Toggle sidebar",
      "keys": [
        "⌘",
        "B"
      ]
    },
    {
      "label": "Switch workspace",
      "keys": [
        "⌘",
        "⇧",
        "O"
      ]
    }
  ]}
/>