JSFiddle - React, Tailwind, and code Playground

by valchev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.621/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.621/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2012.2.621/js/kendo.all.min.js"></script>
<div id="example">
    <input type="text" data-bind="enabled: isEnabled, value: value" />
    <button data-bind="events: {click: onClick}">Toggle state</button>
</div>

JavaScript

var viewModel = kendo.observable({
    isEnabled: false,
    value: "view model value",
    onClick: function(e) {
        if(this.isEnabled) {
            this.set("isEnabled", false);
        } else {
            this.set("isEnabled", true);
        }
           
    }
});

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