JSFiddle - React, Tailwind, and code Playground

by rihanmeij

HTML

<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.mobile.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <div data-role="view" data-init="bindForm">
        <div id="form-container">
            <input data-bind="value: name" />
            <button data-bind="click: displayGreeting">Display Greeting</button>
        </div>
    </div>
    </body>
</html>

JavaScript

new kendo.mobile.Application();

         var viewModel = kendo.observable({
             name: "Rihan",
             displayGreeting: function () {
                 var name = this.get("name");
             }
         });

         function bindForm() {
             kendo.bind($("#form-container"), viewModel);
         }