JSFiddle - React, Tailwind, and code Playground

HTML

<div class="resizeme"><span id="top">Resize me from the top</span><span id="bottom">Resize me from the bottom</span></div>

CSS

.resizeme{
    position:relative;
    background: yellow;
    padding: 6px;
    height: 200px;
    width:200px;
}
#top{
    position: absolute;
    top:0;
    background: red;
}
#bottom{
    position: absolute;
    bottom:0;
    background: blue;
}

JavaScript

$(".resizeme").resizable({
    handles: "s,e,w"
});