Horizontal strip of F-keys, each annotated with the action it triggers.
The import and the props worth knowing about, in one place.
import { Keyboard10 } from "@/components/beste/piece/keyboard10";
<Keyboard10
keys={[
{
"key": "F1",
"action": "Help"
},
{
"key": "F2",
"action": "Rename"
},
{
"key": "F3",
"action": "Find next"
},
{
"key": "F4",
"action": "Close"
}
]}
bordered={false}
/>