JSFiddle - React, Tailwind, and code Playground

by parvativ

HTML

<button type="button" id="draggable1" class="ui-widget-content">
    <p>Drag 1</p>
</button>
<button type="button" id="draggable2" class="ui-widget-content">
    <p>Drag 2</p>
</button>

CSS

#draggable1 {
    width: 150px;
    height: 50px;
    padding: 0.5em;
}

#draggable2 {
    width: 150px;
    height: 50px;
    padding: 0.5em;
}

JavaScript

$(function () {
       $("#draggable1").draggable({
           cancel: false
       });
   $("#draggable2").draggable({
           cancel: false
       });
   });