JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li>ERAY</li>
<li>ALAKESE</li>
<li>DENEME</li>
<li>ERAY</li>
<li>ALAKESE</li>
<li>DENEME</li>
</ul>
CSS
li {
width : 400px;
background : #cecece;
height : 40px;
border : 1px solid;
}
ul {
width : 402px;
height : 252px;
}
JavaScript
$(function() {
$('ul').sortable({
axis: "y",
containment: "parent",
distance: 10,
activeClass:".ui-sortable-helper"
});
});