Raycast-style action row with leading icon, description, and a trailing shortcut combo.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Keyboard2 } from "@/components/beste/piece/keyboard2";
<Keyboard2
action="Go to file"
hint="Jump to any file in the workspace"
keys={[
"⌘",
"P"
]}
/>Titled panel listing several actions with their key combos stacked on the right.
Horizontal strip of F-keys, each annotated with the action it triggers.
Long-format spacebar keycap with a soft shadow, bracketed by a prompt above and a hint caption below.
Row of small tactile keycaps laid out in order, great for Konami-style cheat codes or macro combos.
Vim-style multi-step combo showing keys separated by arrows with per-step labels.
Gaming movement cluster with W on top and A S D on the second row, lighting the active key in primary.