JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<input id='selectPlace'/>
JavaScript
/* DropDownList - make it wider ?*/
$('#selectPlace').kendoDropDownList({
dataTextField: "text",
dataValueField: "value",
optionLabel: "Choose a Place to Visit Someday",
dataSource: [
{ text: "The top of Mount Everest ", value: "1" },
{ text: "The bottom of the Marianna Trench", value: "2" },
{ text: "Disney Universe on The Dark Side of the Moon", value: "3" }
]
});
$('#selectPlace').parent().css('width','28em');