JSFiddle - React, Tailwind, and code Playground

by Rino Raj

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<div id="containment-wrapper">
    <div class="box"></div>

</div>

CSS

.box{
  
    left:200px;
    top:200px;
    width: 150px;
    height: 150px;
    box-shadow: inset 0 0 20px
}

#containment-wrapper{
   width:300px;
   height:300px;
}

JavaScript

$( ".box" ).draggable({ containment: "#containment-wrapper" })