JSFiddle - React, Tailwind, and code Playground

by dude_jsfiddle

HTML

<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.web.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<impuu type="hidden" id="dropdownlist" />

JavaScript

// create dataSource
var dataSource = new kendo.data.DataSource();

//initialize drop down
var dropDown = $("#dropdownlist").kendoDropDownList({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: dataSource,
    optionLabel: {
       text: "Select An Option",
       value: ""
    }
}).data("kendoDropDown");

// create mock data
var dataItem = [
    { text: "Black", value: "1" },
    { text: "Orange", value: "2" },
    { text: "Grey", value: "3" }
];

// set data to dataSource
dataSource.data(dataItem);