Keyboard shortcuts
A cheat sheet of chords as platform keycaps
File
New file⌘N
Open file⌘O
Save⌘S
View
Toggle sidebar⌘B
Command palette⌘K
Usage
import {
KeyboardShortcut,
KeyboardShortcuts,
KeyboardShortcutsGroup,
} from "@gpuixui/components";
<KeyboardShortcuts label="Editor shortcuts">
<KeyboardShortcutsGroup label="File">
<KeyboardShortcut label="New file" accelerator="mod+n" />
<KeyboardShortcut label="Save" accelerator="mod+s" />
</KeyboardShortcutsGroup>
</KeyboardShortcuts>;Composition
KeyboardShortcuts
└── KeyboardShortcutsGroup
└── KeyboardShortcut
└── KeycapAPI
| Part | Renders | Props |
|---|---|---|
KeyboardShortcuts | div with role="list" | label?, className?, children |
KeyboardShortcutsGroup | div with role="group" | label (required), className?, children |
KeyboardShortcut | div with role="listitem" | label (required), accelerator (required), platform?, style?, className? |
Keycap | one key cap | children: string, style?, className? |
Edit this page on GitHubpackages/components/docs/keyboard-shortcuts.mdx