JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.web.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 type="button" value="Show Window" style="width:150px" onclick="javascript:window.showWindow()" />

JavaScript

$(function() {
    
    var TestDetail = kendo.ui.Window.extend({
        options: {
            name: "TestDetail",
            destroy: true
            //,title: "Entity Detail"
            //,width: 580
        },
        init: function (element, options) {
            var that = this;

            kendo.ui.Window.fn.init.call(that, element, options);
        },
        destroy: function (element, options) {
        alert(options.destroy);
        }
    });

    kendo.ui.plugin(TestDetail);
});

window.showWindow =function() {
    $("<div id='details'></div>").kendoTestDetail({
        width: 550,
        modal: true
        
        //Uncomment close event handling below for making window closing work properly
        /*
        ,close: function() {
            $("#details").data("kendoTestDetail").destroy();
        }*/
    }).data("kendoTestDetail").destroy();
}