Hotkeys

Default keyboard shortcuts and configuration

The three following hotkeys are enabled by default. They can be overriden or disabled by setting the hotkeys option.

See InspectHotkeys type for how to override.

Meta + →	Expand top level nodes
Meta + ←	Collapse top level nodes
Shift + Meta + F	Focus search field (if enabled)

Note

Meta means ⌘ on macOS and Ctrl on Windows / Linux

Keyboard navigation

Every node/row/line in Inspect is focusable, and can be navigated, expanded or collapsed using the following keys. Using Tab in combination with the following keyboard shortcuts, everything should be reachable using only your keyboard.

This can be disabled by setting option / prop disableKeyNav to true.

↑	Focus previous node
↓	Focus next node
End	Focus last node
Home	Focus first node
→	If collapsed: expand node If expanded: focus previously focused or first child node Non expandable: focus next node
←	If collapsed: focus parent node / focus previous node If expanded: collapse node Non expandable: focus previous mode
Enter	Expand node and focus first child
Space	Expand / collapse node

Type to focus

While a node is focused, you can type to focus a certain (visible) node.

A box will appear showing your query, and a node matching the typed letters will be focused, prioritizing keys. This can be disabled by setting the option typeToFocus to false.

Try

Here is an instance of Inspect. To get used to keyboard navigation, try the following:

• Use → to quickly expand and navigate nested values
• Hit Enter on a collapsed node and see what node is focused.
• Type any visible text to see focus shift to the best matching node.
• Hit ← and → when the 2nd or 3rd child of a node is focused and see what node is focused.

nestedObject

:

obj

{

''

:

'Try spamming your right arrow key or enter!'

,

foo

:

'foo'

,

bar

:

'bar'

,… }

4 entries

nestedArray

:

arr

[

1

,

2

,

3

,… ]

4 items

lorem

:

str 'Try typing \"lorem\" when another node is focused.\nThis node should be focused.'

77 chars