JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.ui.core.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.default.min.css">
<div id="window">
    Modal No. <span>1</span>
    <br />
    <button>Open another window</button>
</div>

JavaScript

$("#window").kendoWindow({
    visible: false,
    modal: true,
    title: "Kendo Window"
}).data('kendoWindow').center().open();

var modalCount = 1;
$("body").on("click", "button", function()
             {
                 modalCount++;
                 var modal = $("#window").clone();
                 modal.attr("id", modal.attr("id") + modalCount);
                 modal.find("span").text(modalCount);
                 $('body').append(modal);
                 modal.kendoWindow({
                    visible: false,
                    modal: true,
                    title: "Kendo Window"
                }).data('kendoWindow').center().open();
             });