Rounded pill that embeds a keycap between prefix and suffix copy for quick prompts.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Keyboard11 } from "@/components/beste/piece/keyboard11";
<Keyboard11
prefix="Press"
keys={[
"⌘",
"K"
]}
suffix="to open search"
/>Raised kbd keys joined with a plus separator. Any combo works.
Phone-style number pad with tactile keycaps and a row of filled dots tracking how many digits are entered.
Vim-style multi-step combo showing keys separated by arrows with per-step labels.
Titled panel listing several actions with their key combos stacked on the right.
Row of small tactile keycaps laid out in order, great for Konami-style cheat codes or macro combos.
Horizontal strip of F-keys, each annotated with the action it triggers.