JSFiddle - React, Tailwind, and code Playground

HTML

<div id="drag_border" style="border: 1px solid red; width: 220px; height: 220px">
  <div id="draggable" style="width: 50px; height: 50px; border: 1px solid green; background-color: #0FF">Drag me</div>
</div>

JavaScript

$("#draggable").draggable({
     grid: [50, 20],
    containment: 'parent'
});