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.
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 |