Function Row

Horizontal strip of F-keys, each annotated with the action it triggers.

F1Help

F2Rename

F3Find next

F4Close

F5Reload

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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"
    },
    {
      "key": "F5",
      "action": "Reload"
    }
  ]}
/>