JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css">
<div id="container"><div id="draggable"></div></div>

CSS

#container{
    margin: 100px;
    width:500px;
    height:500px;
    background: blue;
}
#draggable{
    width:100px;
    height:100px;
    background: grey;
}

JavaScript

$( "#draggable" ).draggable({
            drag: function(e,ui) {
                $(this).text('position ' + ui.position.left + ":" + ui.position.top +"\ offset " + ui.offset.left + ":" + ui.offset.top);
            }
        });