Shortcut Cheat Sheet

Keyboard shortcut cheat sheet listing actions next to their key combinations rendered as Kbd keycaps. Pass your own rows or use the default command palette set.

src/registry/ui/shortcut-cheat-sheet.tsx/r/shortcut-cheat-sheet.json

Keyboard shortcuts

Command palette⌘K
Switch project⌘⇧P
Go to inboxGI
Show shortcuts?

Sheet

Installation#

bash

npx shadcn@latest add @minidev/shortcut-cheat-sheet

MiniDev UI is in the shadcn registry directory, so the short form works with no setup. Older CLI versions can use the full URL: npx shadcn@latest add https://ui.minidev.pro/r/shortcut-cheat-sheet.json

Usage#

tsx

import { ShortcutCheatSheet } from "@/components/ui/shortcut-cheat-sheet"

export function Example() {
  return (
    <ShortcutCheatSheet />
  )
}

API reference#

ShortcutCheatSheet props
Prop	Type	Default
`rows`	`Row[]`	`[ { keys: ["⌘", "K"], action: "Comman...`
`className`	`string`	`-`

Dependencies#

npm

React only

Built from

Kbd

Examples#

EngineeringPipelines, traces, reviews

Api Key ListReact settings panel listing API keys with masked previews, created date badges and a rotate button per key, plus a header action to create a new key.Build PipelineCI pipeline view that shows each stage as a chip with success, running, failed or pending icons, joined by connectors. Status text is exposed to screen readers.Check Run ListList of CI check runs with success, failed or running icons, monospaced job names and a status label. Looks like the checks section of a pull request.Code BlockReact code block with zero dependency syntax coloring, a language tag, optional filename and line numbers, and a copy button that confirms Copied.Code Editor FrameEditor style frame with a monospaced filename tab and a code area. Wrap snippets, editors or diffs so they read as a file in your React docs or app.Commit RowGit commit row for React with author avatar, commit message, relative time, a short SHA badge and a copy button for the hash. Fits deploy logs.

All Developer tool UI components for React

Learn more

Add a Cmd+K command palette to your React appGuide What is Command palette?Glossary