Raycast-style action row with leading icon, description, and a trailing shortcut combo.
The import and the props worth knowing about, in one place.
import { Keyboard2 } from "@/components/beste/piece/keyboard2";
<Keyboard2
surface="card"
bordered={true}
inverted={false}
action="Go to file"
hint="Jump to any file in the workspace"
keys={[
"⌘",
"P"
]}
/>Titled panel listing several actions with their key combos stacked on the right.
Horizontal strip of F-keys, each annotated with the action it triggers.
Long-format spacebar keycap with a soft shadow, bracketed by a prompt above and a hint caption below.
⌘ 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.