JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="ttps://kendo.cdn.telerik.com/2017.1.118/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.118/styles/kendo.blueopal.min.css">
<script src="https://opensource.keycdn.com/fontawesome/4.6.3/font-awesome.min.css "></script>
<script src="https://kendo.cdn.telerik.com/2017.1.118/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"></script>
<div id="treeview"></div>
<hr />
<div id="log"></div>

JavaScript

$("#treeview").kendoTreeView({
                    dragAndDrop: true,
                    drag: function (e) {
                    	$("#log").text(this.dataItem(e.dropTarget).text);
                    },
                    dataSource: [
                        { 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", url: "http://www.telerik.com" }
                        ] }
                    ]
                });