App IDE keyboard shortcuts
Learn about built-in keyboard shortcuts for the App IDE.
Use Retool's built-in keyboard shortcuts to quickly perform certain actions or control the interface. You can also configure custom keyboard shortcuts on a per-app basis that can trigger queries, interact with components, and more.
tip
Press to display a list of available shortcuts at any time. Built-in shortcuts are organized into groups that determine their function.
IDE
Keyboard shortcuts that control the App IDE.
| Shortcut | Description |
|---|---|
| Command Palette | |
| Keyboard shortcuts | |
| Toggle sidebar | |
| Toggle add components | |
| Toggle component tree | |
| Toggle code | |
| Toggle code search | |
| Toggle inspector | |
| Pin and unpin sidebar | |
| Toggle all panels | |
| Toggle preview mode | |
| Toggle user mode | |
| Save | |
| Undo | |
| Redo | |
| Inspector search |
Canvas
Keyboard shortcuts that control the canvas.
| Shortcut | Description |
|---|---|
| Show grid | |
| Toggle grid |
Components
Keyboard shortcuts that control components.
| Shortcut | Description |
|---|---|
| Toggle hidden components | |
| + Click | Select multiple |
| Select all | |
| + Click | Select without interacting |
| Copy | |
| Cut | |
| Paste | |
| Duplicate | |
| Move | |
| Resize | |
| Resize fixed containers to fit | |
| Delete | |
| Cancel drag or resize | |
| Deselect |
Workspace customization
Keyboard shortcuts that customize the overall workspace.
| Shortcut | Description |
|---|---|
| Canvas in full screen |
Code management
Keyboard shortcuts that manage code tabs.
| Shortcut | Description |
|---|---|
| Minimize | |
| Close query tab | |
| Close all query tabs | |
| Close saved query tabs |
Code
Keyboard shortcuts that assist in writing code.
| Shortcut | Description |
|---|---|
| Preview | |
| Run | |
| Toggle schema and output | |
| Save | |
| Duplicate | |
| Format code | |
| Open pop-out editor | |
| Show autocomplete | |
| Toggle vim mode (beta) | |
| Toggle debug tools | |
| Clear console | |
| Clear timeline |