JSFiddle - React, Tailwind, and code Playground

by burkeholland

HTML

<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css">
<div class="wrapper">
    <p><b>List:</b> "Burke", "Brandon", "Todd", "Derick", "Rob", "Ryan", "Korchev"</p>
    <p>
        <input id="test">
    </p>
</div>

CSS

.wrapper {
    width: 500px;
    margin: auto;
    padding-top: 20px;
}

JavaScript

var people = [ "Burke", "Brandon", "Todd", "Derick", "Rob", "Ryan", "Korchev" ]
          
$("#test").kendoAutoComplete({
    dataSource: people,
    change: function(e) {
      alert("Changed!");
    },
    separator: ", "
});