JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<ul dir="rtl">
    <li class="drag">a</li>
    <li class="drag">b</li>
    <li class="drag">c</li>
</ul>

CSS

ul {
    width: 200px;
    border: 2px solid red;
    margin: 100px;
}

JavaScript

$( ".drag" ).draggable({
    helper: "clone",
    revert: true
});