JSFiddle - React, Tailwind, and code Playground

HTML

<div id='someDiv'></div>

CSS

#someDiv {
    border: 1px solid black;
    width: 100px;
    height: 100px;
}

JavaScript

$('#someDiv').resizable({
    handles: "e, w",
    start: function (event, ui) {
        //    figure out the resize direction here...
        console.log(event);
        var srcEl = event.originalEvent.srcElement.className;
        console.log(srcEl);
        var direction = srcEl.replace('ui-resizable-handle ui-resizable-', '');
        console.log(srcEl, direction);
        ui.element.data("ui-resizable").axis = 'e';
        alert(ui.element.data("ui-resizable"));
    }
});