Keyboard Navigation

The keyboard navigation of the TreeView is always available.

The TreeView supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Up ArrowMoves the focus to the previous focusable node without opening or closing a node.
Down ArrowMoves the focus to the next focusable node without opening or closing a node.
Left Arrow
  • Closes an open, focused node.
  • Moves the focus from an end or closed child node to the parent node.
  • Does nothing when the focus is on an end or closed root node.
Right Arrow
  • Opens a closed, focused node. Does not move the focus.
  • Moves the focus from an open and focused node to its child node.
  • Does nothing when the focus is on an end node.
HomeMoves the focus to the first node in the tree without opening or closing a node.
EndMoves the focus to the last focusable node in the tree without opening or closing a node.
EnterSelects the focused node.
SpaceChecks the focused node.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?