JSFiddle - React, Tailwind, and code Playground

by JEFFERY PARNAU

HTML

<div class="parent">
    <div class="child">Drag Me!</div>
</div>

CSS

.parent {width: 200px; height: 200px; border: 1px solid #999;}
.child {width: 50px; height: 50px; border: 1px solid #ccc;}

JavaScript

$(function() {
    $( ".child" ).draggable();
});
$(function() {
    $( ".parent" ).draggable({ containment: "body" });
});