New to Kendo UI for Vue? Start a free 30-day trial
TreeView
Represents the Kendo UI for Vue Native TreeView component.
jsx
<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.