diff --git a/.changeset/stale-tips-kneel.md b/.changeset/stale-tips-kneel.md new file mode 100644 index 0000000000..af8f87bb99 --- /dev/null +++ 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 index 6ed447d017..34d814f78b 100644 --- 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 index 8ff2a358e9..fad12c0da0 100644 --- 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 = { command: "⌘", @@ -39,6 +42,9 @@ export const kbdKeysMap: Record = { end: "↘", help: "?", space: "␣", + fn: "Fn", + win: "⌘", + alt: "⌥", }; export const kbdKeysLabelMap: Record = { @@ -61,6 +67,9 @@ export const kbdKeysLabelMap: Record = { 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 index 3046ea6a0a..78eeb95071 100644 --- 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", ], }, },