feat: add directional arrow keys to kbd component (#305)

knocklabs · Oct 31, 2024 · 6e64eb0 · 6e64eb0
1 parent 26b62b7
commit 6e64eb0
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/.changeset/hip-bats-burn.md b/.changeset/hip-bats-burn.md
@@ -0,0 +1,5 @@
+---
+"@telegraph/kbd": patch
+---
+
+add directional arrow keys to kbd
diff --git a/packages/kbd/src/Kbd/Kbd.helpers.ts b/packages/kbd/src/Kbd/Kbd.helpers.ts
@@ -31,5 +31,21 @@ export const getIconOrKey = (key: string) => {
     return "Ctrl";
   }
 
+  if (key === "ArrowRight") {
+    return Lucide.ArrowRight;
+  }
+
+  if (key === "ArrowLeft") {
+    return Lucide.ArrowLeft;
+  }
+
+  if (key === "ArrowDown") {
+    return Lucide.ArrowDown;
+  }
+
+  if (key === "ArrowUp") {
+    return Lucide.ArrowUp;
+  }
+
   return key.length === 1 ? key.toUpperCase() : key;
 };