JSFiddle - React, Tailwind, and code Playground

HTML

<div class="drop-here">
</div>
<div class="drag-me">
    <a href="#" >Drag me</a>
</div>

CSS

.drop-here{
    width: 200px;
    height: 200px;
    background:#00FF00;
    margin:20px;
}

JavaScript

$(function(){
    $(".drag-me").draggable({
        stop:function(e){
            console.log('dropped',$(e.toElement));
            $(".drop-here").css('background','#FF0000');
            $(".drop-here").css('border-radius','100px');
            $(this).remove()
        }
    });
})