JSFiddle - React, Tailwind, and code Playground

by sasheto

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.229/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.229/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.229/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2012.1.229/js/kendo.all.min.js"></script>
<div data-role="view" data-title="Free Webstore Control Panel">
     <div data-role="header">Header</div>
      <h3>Autocomplete</h3>
      <p>Type in something wedding related</p>   
      <p>Allows multiple entries, this examples seperates them with a comma.</p>
      <div class="search">
            <input id="autoComplete" />
      </div>
    <div data-role="footer">Footer</div>
</div>

JavaScript

var app = new kendo.mobile.Application(); //document.body is used by default

var myData = ["foo", "bar", "baz"];

$("#autoComplete").kendoAutoComplete({
    minLength: 1,
    // XML property name to use
    dataSource: new kendo.data.DataSource({
        data: myData
    })
})