Keyboard Shortcut Hint

Raised kbd keys joined with a plus separator. Any combo works.

Quick search
K

New here? Read the installation guide.

Import & use
import { Keyboard1 } from "@/components/beste/piece/keyboard1";

<Keyboard1
  keys={[
    "⌘",
    "K"
  ]}
  label="Quick search"
/>

More Keyboard pieces

View all Keyboard
Keyboard shortcuts
Open search
K
New file
N
Toggle sidebar
B
Switch workspace
O

Shortcut Cheatsheet

Titled panel listing several actions with their key combos stacked on the right.

G
Leader
P
Go to project
Press in sequence

Chord Sequence

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

PressKto open search

Inline Hint Pill

Rounded pill that embeds a keycap between prefix and suffix copy for quick prompts.

BA
Unlock the secret

Key Sequence

Row of small tactile keycaps laid out in order, great for Konami-style cheat codes or macro combos.

Space
Press to continue

Active Keypress

Lit-up key with a pinging halo behind it and a caption beneath to cue the user.

F1Help
F2Rename
F3Find next
F4Close
F5Reload

Function Row

Horizontal strip of F-keys, each annotated with the action it triggers.

Markdown version