Vim-style multi-step combo showing keys separated by arrows with per-step labels.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Keyboard5 } from "@/components/beste/piece/keyboard5";
<Keyboard5
steps={[
{
"keys": [
"G"
],
"label": "Leader"
},
{
"keys": [
"P"
],
"label": "Go to project"
}
]}
hint="Press in sequence"
/>Row of small tactile keycaps laid out in order, great for Konami-style cheat codes or macro combos.
Titled panel listing several actions with their key combos stacked on the right.
Raised kbd keys joined with a plus separator. Any combo works.
Four-way directional pad with a pressed state that highlights one key at a time.
Rounded pill that embeds a keycap between prefix and suffix copy for quick prompts.
Raycast-style action row with leading icon, description, and a trailing shortcut combo.