JSFiddle - React, Tailwind, and code Playground

by naokiota

HTML

<button id="mybutton">push me</button>
<div id="content">
   
</div>

CSS

#containment{
    width:200px;
    height:200px;
    border:1px #000 solid;
}
.draggable{
    background:#ddd;
    width:100px;
    padding:1em;
    text-align:center;
}

JavaScript

$("#mybutton").click(function(){
    
    $("<div id='containment'><div class='draggable'>drag me</div></div>").appendTo("#content");
    
    $(".draggable").
    draggable({ containment: "#containment",scroll: false });
});