⌘ 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.
The import and the props worth knowing about, in one place.
import { Keyboard17 } from "@/components/beste/piece/keyboard17";
<Keyboard17
shortcuts={[
{
"keys": [
"⌘",
"K"
],
"label": "Open command palette"
},
{
"keys": [
"⌘",
"⇧",
"P"
],
"label": "Run a command"
},
{
"keys": [
"⌘",
"/"
],
"label": "Show all shortcuts"
}
]}
/>Titled panel listing several actions with their key combos stacked on the right.
Long-format spacebar keycap with a soft shadow, bracketed by a prompt above and a hint caption below.
Row of small tactile keycaps laid out in order, great for Konami-style cheat codes or macro combos.