JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divId"> ... </div>

CSS

#divId {
    background-color: #000000;
    color: #ffffff;
    height: 200px;
    width: 200px;
}

JavaScript

$('#divId').draggable();

$('#divId')
.bind('dragstart', function(){ $("#divId").text("drag start"); })
.bind('drag',      function(){ $("#divId").text("dragging");   })
.bind('dragend',   function(){ $("#divId").text("drag ended"); });