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
modifiers={[
{
"symbol": "⌘",
"name": "Command"
},
{
"symbol": "⌥",
"name": "Option"
},
{
"symbol": "⇧",
"name": "Shift"
},
{
"symbol": "⌃",
"name": "Control"
}
]}
/>