JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<select data-role="combobox" data-text-field="text" data-value-field="id" data-bind="value: selectedProductID, source: products"></select>
Selected product: <span data-bind="text: selectedProductID"></span>

JavaScript

var vm = {
    products: [ { id:1, text: "Food" }, { id: 2, text: "Drinks" } ],
    selectedProductID: 2
};

kendo.bind(document.body, vm);