JSFiddle - React, Tailwind, and code Playground

by Alen Subasic

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div id="sortable">
  <div>Item 1 <span class="move">Move</span></div>
  <div>Item 2 <span class="move">Move</span></div>
  <div>Item 3 <span class="move">Move</span></div>
  <div>Item 4 <span class="move">Move</span></div>
  <div>Item 5 <span class="move">Move</span></div>
</div>

CSS

div > div {
  border: 2px solid red;
  cursor: grab;
  margin: 15px;
}

div > span {
  float: right;
}

JavaScript

$("#sortable").sortable({
  handle: '.move',
  cursor: 'grabbing'
});
//$("#sortable").disableSelection();