Kbd

A keycap for documenting keyboard shortcuts. A hairline, a slightly heavier bottom edge and mono type make it read as a physical key.

Examples

Shortcut

Press Ctrl + K to search.

Show code
<p>Press <Kbd>Ctrl</Kbd> + <Kbd>K</Kbd> to search.</p>

Props

PropTypeDefaultDescription
childrenSnippet—The key or chord label.

Every native attribute is spread onto the <kbd>, so class and title work as expected.