JSFiddle - React, Tailwind, and code Playground

by Ignacio Fuentes

HTML

<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.silver.min.css">
<span id="selected"></span>
<br>
<input id="dropdownlist" />

JavaScript

var fruits= [
    { id: 1, name: "Apples" },
    { id: 2, name: "Oranges" }
  ];
$("#dropdownlist").kendoDropDownList({
  dataSource: fruits,
  index:-1,
  dataTextField: "name",
  dataValueField: "id",
    template: '#: name#<input type="checkbox" style="float:right;" />',
    valueTemplate: '#: name# <span style="float:right;">✔</span>',
    change: function(e){
        $("#selected").text(fruits[this.selectedIndex].name);
    }
});