JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<div class="dragme">
</div>
</div>
CSS
div.dragme {
width: 100px;
height: 100px;
border: 1px solid black;
background-color: blue;
margin: 10px;
}
JavaScript
$("div.dragme").parent().draggable({
handle: "div.dragme",
opacity: 0.35,
drag: function( event, ui ) {
console.log("left: " + ui.position.left + " && top:" + ui.position.top);
}
});