diff --git a/docs/content/2.guide/2.keyboard-shortcuts.md b/docs/content/2.guide/2.keyboard-shortcuts.md index 936ea1696..da0df3c6f 100644 --- a/docs/content/2.guide/2.keyboard-shortcuts.md +++ b/docs/content/2.guide/2.keyboard-shortcuts.md @@ -7,30 +7,30 @@ navigation: npmx.dev supports keyboard navigation for faster browsing. -## Use global shortcuts +## Global shortcuts -| Key | Action | -| --- | ---------------- | -| `/` | Focus search bar | -| `.` | Open code viewer | +| Key | Action | +| --- | ------------------------ | +| `/` | Focus search bar | +| `?` | Highlight keyboard hints | +| `,` | Open settings | +| `c` | Open compare | + +::tip +These shortcuts work anywhere on the site. Press `/` from any page to quickly search for a package. +:: -## Navigate search results +## Search results | Key | Action | | ------------------------- | --------------------- | | `Arrow Up` / `Arrow Down` | Move through results | | `Enter` | Open selected package | -## Browse code - -When in the code viewer: +## Package page -| Key | Action | -| ------------------------- | ------------------ | -| `Arrow Up` / `Arrow Down` | Navigate file tree | -| `Enter` | Open selected file | -| `Escape` | Close code viewer | - -::tip -These shortcuts work anywhere on the site. Press `/` from any page to quickly search for a package. -:: +| Key | Action | +| --- | ---------------- | +| `.` | Open code viewer | +| `d` | Open docs | +| `c` | Compare package |