JSFiddle - React, Tailwind, and code Playground

HTML

<div class="items">test</div>
<div class="items"></div>
<div class="items"></div>
<div class="items"></div>
<div class="items"></div>
<div class="items"></div>
<div class="items"></div>
<div class="items"></div>
<div class="items"></div>
<div class="items"></div>

CSS

.items {
    background: cyan;
    width: 100px;
    height: 100px;
    border: 1px solid #222;
}

JavaScript

$(".items").draggable({helper:"clone",

  start: function(event, ui){
      var clone = ui.helper;
      clone.text('testttttt');
  }, 
  drag: function(){}, 
  stop: function(){}
});