React TreeView Overview

The KendoReact TreeView displays hierarchical data in a traditional tree structure, supports user interaction through mouse or touch events, and performs reordering operations by using the drag-and-drop functionality.

The React TreeView component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-treeview package.

ninja-iconThe TreeView is part of KendoReact, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

The following example demonstrates the TreeView in action.

Change Theme
Theme
Loading ...

Key Features

The React TreeView provides a wide and always growing range of built-in features that isn't limited by the list in this section. This developer-friendly feature set allows you to create beautiful and functional applications faster. At the same time, the KendoReact development team works constantly to improve the performance of the components and their capabilities.

Data Binding in React TreeView

The TreeView has features that enable you to work with various types of collections and help you visualize a hierarchical list. The components allow you to work with server data and load more items on-demand. Read more about the data binding functionality of the TreeView...

Dragging and Dropping

The TreeView provides features that enable you to drag and drop nodes inside the TreeView. Read more about the drag and drop feature of the TreeView...

Selection and Checkboxes

The TreeView provides features that allow you to select single or multiple nodes either by using node checkboxes or clicking the nodes themselves. Read more about the selection feature and checkbox feature of the TreeView...

Custom Rendering

You can visually customize the content of the TreeView items by utilizing the custom item rendering. Read more about the custom item rendering of the TreeView...

React TreeView Appearance

The TreeView provides a predefined set of appearance options. These alternative styling options enable you to configure each aspect of the appearance of a TreeView. Read more about the appearance TreeView...

Keyboard Navigation

The keyboard navigation of the TreeView provides a set of keyboard shortcuts that yon use to interact with the component. Read more about the keyboard navigation of the TreeView...

React TreeView Support Options

For any questions about the use of React TreeView, or any other KendoReact components, there are several support options available:

  • KendoReact license holders and anyone in an active trial can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
  • The KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
  • KendoReact Feedback Portal and KendoReact Roadmap provide information on the features in discussion and also those planned for release.
  • KendoReact uses GitHub Issues as its bug tracker, and you can submit any related reports there. Also, check out the closed list.
  • Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.