feat: add fn win alt keys (#4638)

* feat: add new keys * feat: add new keys * chore: update docs & storybook as well --------- Co-authored-by: WK Wong <[email protected]>
heroui-inc · Jan 30, 2025 · 8452603 · 8452603
1 parent 69aa476
commit 8452603
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 2 deletions.
diff --git a/.changeset/stale-tips-kneel.md b/.changeset/stale-tips-kneel.md
@@ -0,0 +1,5 @@
+---
+"@heroui/kbd": patch
+---
+
+Add fn win alt keys (#4499)
diff --git a/apps/docs/content/docs/components/kbd.mdx b/apps/docs/content/docs/components/kbd.mdx
@@ -112,5 +112,8 @@ type KbdKey =
   | "home"
   | "end"
   | "help"
-  | "space";
+  | "space"
+  | "fn"
+  | "win"
+  | "alt";
 ```
diff --git a/packages/components/kbd/src/utils.ts b/packages/components/kbd/src/utils.ts
@@ -17,7 +17,10 @@ export type KbdKey =
   | "home"
   | "end"
   | "help"
-  | "space";
+  | "space"
+  | "fn"
+  | "win"
+  | "alt";
 
 export const kbdKeysMap: Record<KbdKey, string> = {
   command: "⌘",
@@ -39,6 +42,9 @@ export const kbdKeysMap: Record<KbdKey, string> = {
   end: "↘",
   help: "?",
   space: "␣",
+  fn: "Fn",
+  win: "⌘",
+  alt: "⌥",
 };
 
 export const kbdKeysLabelMap: Record<KbdKey, string> = {
@@ -61,6 +67,9 @@ export const kbdKeysLabelMap: Record<KbdKey, string> = {
   end: "End",
   help: "Help",
   space: "Space",
+  fn: "Fn",
+  win: "Win",
+  alt: "Alt",
 };
 
 export type KbdKeysLabelType = typeof kbdKeysLabelMap;
diff --git a/packages/components/kbd/stories/kbd.stories.tsx b/packages/components/kbd/stories/kbd.stories.tsx
@@ -31,6 +31,9 @@ export default {
         "end",
         "help",
         "space",
+        "fn",
+        "win",
+        "alt",
       ],
     },
   },
-Original file line number
+Diff line change
@@ Expand Up / @@ -31,6 +31,9 @@ export default { @@
             "end",
             "help",
             "space",
+            "fn",
+            "win",
+            "alt",
           ],
         },
       },
@@ Expand Down @@