JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.1.515/styles/kendo.common.min.css "></script>
<script src="http://cdn.kendostatic.com/2012.1.515/styles/kendo.blueopal.min.css "></script>
<div id="container">
    <div id="myList" data-role="listview" data-bind="source:source" data-template="template" style="width:100%"></div>
</div>
<script type="text/kendo-x-template" id="template">
    <div syle="float:left;">title exp1: <span data-bind="text:Title"></span></div>

    <br style="clear:both;" />
</script>

JavaScript

var vm = new kendo.observable({
    source:[
            {Title:"Test 1"},
                {Title:"Test 2"},
                {Title:"Test 3"},
                {Title:"Test 4"},
                {Title:"Test 5"}
            ]
    ,
    
    alertAction:function(e){
        alert(e.data.Title);
    }
    
    });


kendo.bind($("#container"), vm);