JSFiddle - React, Tailwind, and code Playground

by siliconsoul

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<div id="testTreeViewInline" data-role="treeview" data-source="inlineDefault" data-template="testTemplate"></div>

<script type="text/x-kendo-template" id="testTemplate">
        #=data.item.text# <b>TestTemplate</b>
    
</script>

JavaScript

var viewModel = kendo.observable({
     inlineDefault: new kendo.data.HierarchicalDataSource({
                    data: [
                        { text: "Furniture", items: [
                            { text: "Tables & Chairs" },
                            { text: "Sofas" },
                            { text: "Occasional Furniture" }
                        ] },
                        { text: "Decor", items: [
                            { text: "Bed Linen" },
                            { text: "Curtains & Blinds" },
                            { text: "Carpets" }
                        ] }
                    ]
                }),
     testTemplate: kendo.template($("#testTemplate").html())
});

kendo.bind($("#testTreeViewInline"),viewModel);