Chord Sequence

Vim-style multi-step combo showing keys separated by arrows with per-step labels.

G

Leader

P

Go to project

Press in sequence

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

Import & use

import { Keyboard5 } from "@/components/beste/piece/keyboard5";

<Keyboard5
  steps={[
    {
      "keys": [
        "G"
      ],
      "label": "Leader"
    },
    {
      "keys": [
        "P"
      ],
      "label": "Go to project"
    }
  ]}
  hint="Press in sequence"
/>