JSFiddle - React, Tailwind, and code Playground

by Wesley doew

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <script>
       function draggin() {
             $( ".draggable2" ).draggable() 
              
         }
              
    </script>
 
     <div class=" draggable2" onmousedown="draggin()">
         <div class="divv3  resizable2" onclick="leavediv()" > </div></div>

CSS

.divv3 {
    position: absolute;
    top: 30px; 
    background: #0387D5;
    overflow: hidden;
    resize: both;
    
    box-sizing: border-box;  
    width: 450px;
    height: 150px;
    cursor: default;
    z-index: 2;
}