JSFiddle - React, Tailwind, and code Playground

by parvativ

HTML

<script tye="javascript" src: http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js>
</script>
<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
       });
   });