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>

CSS

.k-top.k-bot {font-weight: bold;}

JavaScript

var tree= $("#treeview").kendoTreeView({
    checkboxes: {
        checkChildren: true
    },
    dataSource: [{
        
        id: 2, text: "select all", expanded: true,  items: [
            { id: 3, text: "ABH"  },
            { id: 4, text: "VFG"  },
            { id: 5, text: "VFGT" },
             { id: 6, text: "GTYUJ" },
             { id: 7, text: "GHJ" }
        ]
    }]
}).data("kendoTreeView");