Blazor Tree

Inline definition, data-binding, and keyboard navigation.

Console log

Keyboard Navigation Link to this section

The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor Tree component.

Press this key	To do this
Tab	Move focus into the Tree.
UpArrow	Move focus to the previous item.
DownArrow	Move focus to the next item.
RightArrow	Expand the focused collapsed item; if already expanded, move focus to its first child; no effect on leaf items.
LeftArrow	Collapse the focused item, or move to its parent if collapsed or a leaf.
Home	Move focus to the first item.
End	Move focus to the last item.
Enter	Select the focused item; on an expandable item also expand or collapse it.
Space	Select the focused item; when checkboxes are enabled, also toggle its checkbox.
Alphanumeric	Move focus to the next item whose text starts with the typed character.

All the tools in one place

With Radzen Blazor subscription you get the full toolkit, including:

Dedicated support backed by proven expertise

Premium themes and theme editor

Ready-to-use UI blocks

Complete app templates

Visual design-time-experience

Start Free See Subscription Plans

On this page