New to Kendo UI for Vue? Start a free 30-day trial

TreeView

Represents the Kendo UI for Vue Native TreeView component.

<template>
  <div>
    <TreeView :dataItems="tree" />
  </div>
</template>

<script>
import { TreeView } from '@progress/kendo-vue-treeview';

export default {
  components: {
    TreeView,
  },
  data() {
    return {
      tree: [
        {
          text: 'Furniture',
          expanded: true,
          items: [
            {
              text: 'Tables & Chairs',
            },
            {
              text: 'Sofas',
            },
            {
              text: 'Occasional Furniture',
            },
          ],
        },
        {
          text: 'Decor',
          expanded: true,
          items: [
            {
              text: 'Bed Linen',
            },
            {
              text: 'Curtains & Blinds',
            },
            {
              text: 'Carpets',
            },
          ],
        },
      ],
    };
  },
};
</script>

props

Readonly<TreeViewProps>

The props of the TreeView component.

guid

string

Returns the guid which is associated with the TreeView.

In this article

Not finding the help you need?