Vim-style multi-step combo showing keys separated by arrows with per-step labels.
The import and the props worth knowing about, in one place.
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.
Four-way directional pad with a pressed state that highlights one key at a time.