JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.mobile.all.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>
  <div style="width: 100%" id="view">
  
  	<div id="toolbar"></div>
  
  	<div>
    	<input class="k-textbox" data-bind="value: text"/>
	</div>
    
    <button id="nontoolbarbutton">Save</button>
    
  </div>

JavaScript

$(document).ready(function () {
      
      var vm = kendo.observable({       
        text: "hello"
      });

      
	  $("#toolbar").kendoToolBar({        
        items: [
          {
            type: "button", 
            text: "Save",
            click: function (e) {
              var value = vm.get("text");
              alert(value);
            }
          }
        ]
	  });
      
      $("#nontoolbarbutton").kendoButton({
        click: function (e) {
          var value = vm.get("text");
          alert(value);
        }
      });

      kendo.bind($("#view"), vm);
      
    });