Help Center

Improved

Fixed

herouiv3

In Review

Planned

In Progress

Completed

Rejected

Next release

High Priority

Low Priority

Alpha 31

Beta

Stable

Backlog

To Release

Done

Main Roadmap

Hey {name|there}! 👋

Keyboard key is a component to display which key or combination of keys performs a given action.<img data-width="100%" data-align="left" alt="" data-featurebase-content-key="68bd915b1cb93d59ff8b332f/post/68bd9a55f7c8c4763a67b161/019924a2-7c8d-7dd4-a181-6d1614506126/b64u-Q2xlYW5TaG90IDIwMjUtMDktMDcgYXQgMTEuNDQuMDVAMngucG5n.png" data-featurebase-content-filename="CleanShot 2025-09-07 at 11.44.05@2x.png" src="https://68bd915b1cb93d59ff8b332f.featurebase-attachments.com/c/post/68bd9a55f7c8c4763a67b161/019924a2-7c8d-7dd4-a181-6d1614506126/b64u-Q2xlYW5TaG90IDIwMjUtMDktMDcgYXQgMTEuNDQuMDVAMngucG5n.png?X-Amz-Expires=3600&amp;X-Amz-Date=20260415T040000Z&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=DO801TYC4FCVNNEKURKM%2F20260415%2Ffra1%2Fs3%2Faws4_request&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ba20021fbf8c75d037b2ab1d19d955f8cc16ba71d55cc0e69fd229ab0f7fea41">Figma Link:<a target="_blank" rel="noopener noreferrer nofollow" class="link" href="https://www.figma.com/community/file/1546526812159103429">https://www.figma.com/community/file/1546526812159103429</a>Link:<a target="_blank" rel="noopener noreferrer nofollow" class="link" href="https://v3.heroui.com/docs/components/kbd">https://v3.heroui.com/docs/components/kbd</a>

Keyboard Key (Kbd)

Junior Garcia

HeroUI v3

Keyboard Key (Kbd)

Subscribe to post

Subscribe to post