JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<ul class="first">
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>four</li>
</ul>

<div class="drop">
<ul>
    <li>uno</li>
    <li>dos</li>
    <li>tres</li>
    <li>quatro</li>
</ul>
</div>

CSS

.drop {width: 300px; height: 300px; border: 2px solid red;}
.drop li {color: green;}

JavaScript

$('.drop li').sortable();

$('.first').sortable({
    connectWith: '.drop li'
});