My pattern library

13.1 #Rendering.Keyboard key Keyboard keys

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

A class to show text in a key-like rectangle.

Note: the border of the key has color var(--even-ligher-black).

Example
Hit Enter to continue.
Markup
Hit <span class="key">Enter</span> to continue.
Source: css/modules/keys.css, line 1