Tree
Demonstration and configuration of the Radzen Blazor Tree component.
In this demo an inline-defined tree shows car brands (BMW, Audi, Mercedes) with their models (M3/M5, RS4/RS6, C63/S63 AMG), using custom Template to display brand logos and bold text, with Expand, Collapse, and Change events logged to console.
Inline definition
BMW
Audi
Mercedes
Console log
Keyboard Navigation link
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 | Navigate to a Tree component. |
| UpArrow | Select previous hierarchical Tree item. |
| DownArrow | Select next hierarchical Tree item. |
| RightArrow | Expands selected Tree item. |
| LeftArrow | Collapse selected Tree item. |
| Enter or Space | Check/uncheck selected Tree item if CheckBox is available. |