JSFiddle - React, Tailwind, and code Playground

by Ea Bangalore

HTML

<div class="draggable">one</div>

        <div id="trash" class="droppable"></div>

CSS

#trash{
 background-color:gray;
width: 300px;
 height: 300px;   
}
.draggable{
   background-color: blue;
}

JavaScript

$(function() {
                $( ".draggable" ).draggable();
                $( ".droppable" ).droppable({
                    drop: function(event, ui) {
                        alert('dropped');
                    }
                });
            });