Kendo UI for Vue Native TreeView Overview

The Kendo UI for Vue Native 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 TreeView component is part of the Kendo UI for Vue Native library of Vue UI components. It is distributed through NPM under the kendo-vue-treeview package.

The TreeView Package is part of Kendo UI for Vue, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the TreeView in action.

View Source
Change Theme:

Key Features

The Kendo UI for Vue Native 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 Kendo UI for Vue Native development team works constantly to improve the performance of the components and their capabilities.

Data Binding

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...


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...

Support Options

For any questions about the use of Kendo UI for Vue Native TreeView, or any other Kendo UI for Vue components, there are several support options available:

  • Kendo UI for Vue license holders and anyone in an active trial can take advantage of the outstanding customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
  • The Kendo UI for Vue forums are part of the free support you can get from the community and from the Kendo UI for Vue team on all kinds of general issues.
  • Kendo UI for Vue Feedback Portal and Kendo UI for Vue Native Roadmap provide information on the features in discussion and also those planned for release.
  • 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.

Support and Learning Resources

Additional Resources