JSFiddle - React, Tailwind, and code Playground

by rusev

HTML

<script src="http://cdn.kendostatic.com/2011.3.1407/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.default.min.css">
<div class="wrap">
    <div>Draggable</div>
</div>

<button>Add more</button>

CSS

.wrap
{
    border: 1px solid #000;
    width: 500px;
    height: 500px;
}
.draggable, .wrap > div
{
    border: 1px solid red;
}

JavaScript

$(".wrap").kendoDraggable({
    hint: function(target) {
        return $(target).clone().addClass("draggable");
    },
    filter: "div"
});

$("button").click(function() {
    $("<div>yet another one</div>").appendTo($(".wrap"));
});