macOS modifier symbols laid out side by side with their names printed below.
The import and the props worth knowing about, in one place.
import { Keyboard8 } from "@/components/beste/piece/keyboard8";
<Keyboard8
heading="Modifier keys"
modifiers={[
{
"symbol": "⌘",
"name": "Command"
},
{
"symbol": "⌥",
"name": "Option"
},
{
"symbol": "⇧",
"name": "Shift"
},
{
"symbol": "⌃",
"name": "Control"
}
]}
/>Four-way directional pad with a pressed state that highlights one key at a time.
Gaming movement cluster with W on top and A S D on the second row, lighting the active key in primary.
Titled panel listing several actions with their key combos stacked on the right.