GITBOOK-111: Add doc: keyboard shortcuts

Author: Openblocks-docs

docs/.gitbook/assets/keyboard-shortcuts-1.png

@@ -44,6 +44,7 @@
   * [Style, theme, and usability](build-apps/design-app-ui/style-theme-and-usability.md)
   * [Design an efficient and user-friendly form](build-apps/design-app-ui/design-an-efficient-and-user-friendly-form.md)
 * [Navigation](build-apps/navigation.md)
+* [Keyboard shortcuts](build-apps/keyboard-shortcuts.md)
 * [Version and release management](build-apps/version-and-release-management.md)
 
 ## Build plugins

docs/.gitbook/assets/keyboard-shortcuts-2.png

@@ -0,0 +1,75 @@
+# Keyboard shortcuts
+
+## Built-in keyboard shortcuts
+
+Keyboard shortcuts are a powerful tool that can greatly improve productivity and efficiency when working on a computer. With the ability to assign custom keystrokes to frequently used commands, tasks can be completed quickly and with minimal effort. This is particularly useful for individuals who rely heavily on keyboard input, such as programmers, writers, or designers.
+
+Keyboard shortcuts have been around for decades, and most software applications come with a set of default shortcuts. Openblocks offers built-in keyboard shortcuts to help you work on the interface faster and more efficiently with improved controlling precision.
+
+<figure><img src="../.gitbook/assets/keyboard-shortcuts-1.png" alt=""><figcaption></figcaption></figure>
+
+### Global
+
+Global keyboard shortcuts across Openblocks interfaces.
+
+| Shortcut | Description               |
+| -------- | ------------------------- |
+| `?`      | Toggle keyboard shortcuts |
+
+### App editor
+
+Keyboard shortcuts in the [App editor](keyboard-shortcuts.md#app-editor).
+
+| Shortcut      | Description        |
+| ------------- | ------------------ |
+| `⌘` + `B`     | Toggle left pane   |
+| `⌘` + `J`     | Toggle bottom pane |
+| `⌘` + `U`     | Toggle right pane  |
+| `⌘` + `.`     | Toggle all panes   |
+| `⌘` + ⇧ + `P` | Preview            |
+| `⌘` + `Z`     | Undo               |
+| `⌘` + ⇧ + `Z` | Redo               |
+| `⌘`           | Show grid          |
+
+### Component
+
+Keyboard shortcuts to control components.
+
+| Shortcut              | Description     |
+| --------------------- | --------------- |
+| `⌘` + Click           | Select multiple |
+| `⌘` + `A`             | Select all      |
+| `⌘` + `C`             | Copy            |
+| `⌘` + `X`             | Cut             |
+| `⌘` + `V`             | Paste           |
+| `←` `↑` `→` `↓`       | Move            |
+| `⌘` + `←` `↑` `→` `↓` | Resize          |
+| `DEL`/`Backspace`     | Delete          |
+| `ESC`                 | Deselect        |
+
+### Query editor
+
+Keyboard shortcuts in the Query editor.
+
+| Shortcut  | Description       |
+| --------- | ----------------- |
+| `⌘` + `↵` | Run current query |
+
+### Text editor
+
+Keyboard shortcuts in the Text editor.
+
+| Shortcut    | Description       |
+| ----------- | ----------------- |
+| `⌘` + `L`   | Format            |
+| `⌘` + Click | Open in left pane |
+
+## Custom keyboard shortcuts
+
+You can define custom keyboard shortcuts at app-level. Go to ⚙️ on the left side-bar > **App settings** > **Custom shortcuts**. Click **+ Add** to add new shortcuts for specific actions. Then, you can click a custom shortcut to midify it or click the three dots `···` to delete it.
+
+<figure><img src="../.gitbook/assets/keyboard-shortcuts-2.png" alt=""><figcaption></figcaption></figure>
+
+{% hint style="info" %}
+Openblocks keyboard shortcuts are better set to avoid conflicts with the browser's keyboard shortcuts, in case they can not be successfully triggered.
+{% endhint %}