JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">Drop Here</div>
<div class="sequence_option">Drag Me</div>

CSS

.box{
    height:300px;
    width:300px;
    background-color:blue;
}
.sequence_option{
    height:100px;
    width:100px;
    background-color:red;
}

JavaScript

$('.sequence_option').draggable({
	helper:'clone'
});

$(".box").droppable({
    accept: ".sequence_option",
    drop: function(ev, ui) {
      alert("dropped");
    }
  });