JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.913/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.913/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2012.2.913/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.913/js/kendo.aspnetmvc.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.913/js/kendo.web.min.js"></script>
  <div id="example" class="k-content">
        <div id="treeview" class="demo-section"></div>
<div id="grid"></div>
</div>

JavaScript

var tree= $("#treeview").kendoTreeView({
                checkboxes: {
                    checkChildren: true
                },

                dataSource: [{
                    id: 1, text: "My Project", expanded: true, spriteCssClass: "rootfolder", items: [
                        {
                            id: 2, text: "OrderID", expanded: true, spriteCssClass: "folder", items: [
                                { id: 3, text: "a"  },
                                { id: 4, text: "b"  },
                                { id: 5, text: "c" },
                                { id: 6, text: "d" },
                                { id: 7, text: "e" }
                            ]
                        }
                        
                    ]
                }]
            }).data("kendoTreeView");