Navigation / Keyboard shortcuts
Keys
Match the available keys to what they do on this page.
Basic usage
- /
- Focus search
- ↑↓
- Move through results
- Enter
- Open the selected result
- Esc
- Close search results
HTML
<dl class="keys">
<div><dt><kbd>/</kbd></dt><dd>Focus search</dd></div>
<div><dt><kbd>↑</kbd><kbd>↓</kbd></dt><dd>Move through results</dd></div>
<div><dt><kbd>Enter</kbd></dt><dd>Open the selected result</dd></div>
<div><dt><kbd>Esc</kbd></dt><dd>Close search results</dd></div>
</dl>Classes & attributes
| Class / attribute | Purpose |
|---|---|
.keys | A definition list of keys and actions. |
kbd | The actual key name. |
.key-hint | A short hint beside an input. |
Usage notes
This component only displays instructions. Document shortcuts that actually work on the page.
Examples follow your system color scheme. Use ◐ in the header to try automatic, light, and dark themes.