JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.silver.min.css">
 <div id="example" class="k-content">
            <input id="color" value="1" />
     <br/>
     Empty
     <input id="colorempty" value="1" />
        </div>

JavaScript

$(document).ready(function() {
    var data = [ {text : "test" , value : "1" } ];

                    // create DropDownList from input HTML element
                    $("#color").kendoDropDownList({
                        optionLabel: "Select ...",
                        dataTextField: "text",
                        dataValueField: "value",
                        dataSource: data,
                        index: 0,
                         dataBound: function (e) {
                          alert('in');
                      }
                    });

                  $("#colorempty").kendoDropDownList({
                        optionLabel: "Select ...",
                        dataTextField: "text",
                        dataValueField: "value",
                        dataSource: [],
                        index: 0,
                     
                          
                    });
});