JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<div id="home" data-role="view" data-model="viewModel" >
    <ul id="list" data-role="listview" >

        <li>
            <select data-bind="source:products" data-text-field="name" data-value-field="name" ></select>
            Products with array
        </li>
    </ul>
</div>

JavaScript

var viewModelVM = function() {

    var self = this;

    self.products = [ 
                    { "name": "Product 1", "owner": "Test" },
                    { "name": "Product 2", "owner": "Test" }
                ];
    
    /*
    self.model = kendo.observable({
        name: "Product 1"
    });
    */
};

var viewModel = new viewModelVM ();

var app = new kendo.mobile.Application();