Blazor TreeView Example - Keyboard Navigation

TreeView / Keyboard Navigation

The Blazor TreeView functionalities can be interactive with keyboard shortcuts. In the following sample, various key combinations can be used to interact with TreeView.

Loading Syncfusion Blazor Server Demos…

  • Laptops
    • Lenovo
    • Dell
    • Sony
  • Desktop
    • All in one Desktops
    • Monitors
    • RAM
    • Graphic card

The Blazor TreeView has built-in keyboard support and allows you to access its functionalities using a keyboard alone. The supported keys are listed below.

  • Supported keys and user actions
    • Alt + J - Focuses on the first component of the demo.
    • Up arrow - Focus goes to the previous node.
    • Down arrow - Focus goes to the next node.
    • Right arrow - Expands the current node.
    • Left arrow - Collapses the current node.
    • Home - Focus goes to the first node.
    • End - Focus goes to the last node.
    • F2 - Edits the focused node.
    • Esc - Focuses out the edit state without saving the edited text.
    • Enter - Selects the focused node/saves the edited text.
    • Space - Checks the current node.
    • Ctrl + A - Selects all nodes.
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE