forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
docs: update 2.keyboard-shortcuts.md to match implementation (#1495)
authored by
Shinya Fujino
and committed by
GitHub
2c1f3138
d7de1e77
+18
-18
+18
-18
docs/content/2.guide/2.keyboard-shortcuts.md
+18
-18
docs/content/2.guide/2.keyboard-shortcuts.md
···
7
7
8
8
npmx.dev supports keyboard navigation for faster browsing.
9
9
10
-
## Use global shortcuts
10
+
## Global shortcuts
11
11
12
-
| Key | Action |
13
-
| --- | ---------------- |
14
-
| `/` | Focus search bar |
15
-
| `.` | Open code viewer |
12
+
| Key | Action |
13
+
| --- | ------------------------ |
14
+
| `/` | Focus search bar |
15
+
| `?` | Highlight keyboard hints |
16
+
| `,` | Open settings |
17
+
| `c` | Open compare |
16
18
17
-
## Navigate search results
19
+
::tip
20
+
These shortcuts work anywhere on the site. Press `/` from any page to quickly search for a package.
21
+
::
22
+
23
+
## Search results
18
24
19
25
| Key | Action |
20
26
| ------------------------- | --------------------- |
21
27
| `Arrow Up` / `Arrow Down` | Move through results |
22
28
| `Enter` | Open selected package |
23
29
24
-
## Browse code
25
-
26
-
When in the code viewer:
27
-
28
-
| Key | Action |
29
-
| ------------------------- | ------------------ |
30
-
| `Arrow Up` / `Arrow Down` | Navigate file tree |
31
-
| `Enter` | Open selected file |
32
-
| `Escape` | Close code viewer |
30
+
## Package page
33
31
34
-
::tip
35
-
These shortcuts work anywhere on the site. Press `/` from any page to quickly search for a package.
36
-
::
32
+
| Key | Action |
33
+
| --- | ---------------- |
34
+
| `.` | Open code viewer |
35
+
| `d` | Open docs |
36
+
| `c` | Compare package |