Raised kbd keys joined with a plus separator. Any combo works.
The import and the props worth knowing about, in one place.
import { Keyboard1 } from "@/components/beste/piece/keyboard1";
<Keyboard1
surface="card"
bordered={true}
inverted={false}
keys={[
"⌘",
"K"
]}
label="Quick search"
/>Titled panel listing several actions with their key combos stacked on the right.
⌘ plus K: Open command palette
Keycaps press down one after another, their shadows shrinking as they sink, and the matching action label fades in beside them before the next shortcut takes a turn.
Vim-style multi-step combo showing keys separated by arrows with per-step labels.
Rounded pill that embeds a keycap between prefix and suffix copy for quick prompts.