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> "Korchev", "Brandon", "Todd", "Derick", "Rob", "Ryan", "Burke"</p>
    <p>
        <input id="people">
    </p>
</div>

CSS

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

JavaScript

var people = [ "Korchev", "Brandon", "Todd", "Derick", "Rob", "Ryan", "Burke" ];
          
// create a datasource bound to the local data         
var peopleDS = new kendo.data.DataSource({ data: people });

var autoComplete = $("#people").kendoAutoComplete({
  separator: ", ",
  dataSource: people,
}).data("kendoAutoComplete");