JSFiddle - React, Tailwind, and code Playground
HTML
<div id="trash">
<div>bottle</div>
<div>can</div>
<div>banana</div>
</div>
<div id="trash_bin">
DROP HERE TO THROW OUT
</div>
CSS
#trash div:hover {
border: 1px solid black;
cursor: move;
}
JavaScript
$(function () {
$('#trash_bin').droppable({
drop : function() {
alert('delete!')
}
});
$('#trash').sortable()
});