JSFiddle - React, Tailwind, and code Playground

HTML

<div id="body">
<div id="empty">

</div>

<div id = 'container'>
    <div class = 'draggable ui-widget-content'></div>
    <div class = 'draggable'></div>
    <div class = 'draggable'></div>
</div>


<div id = 'remove'> Remove a draggable </div>

CSS

.draggable
{
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid black;
}
#empty {
  height: 200px;
  width: 300px;
  border: 1px solid blue;
}

JavaScript

$('.draggable').resizable();
//$('.draggable').draggable();

$('#remove').click(function()
{
  $('#container').children().first().remove();
});