JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">

<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


 
<div id="resizable"></div>

CSS

#resizable {
    width: 100px;
    height: 100px;
    background: #ccc;
}

.ui-resizable-n{background:red}
.ui-resizable-w{background:red}
.ui-resizable-e{background:red}
.ui-resizable-s{background:red}

.ui-resizable-ne{background:blue}
.ui-resizable-nw{background:blue}
.ui-resizable-se{background:blue}
.ui-resizable-sw{background:blue}

JavaScript

$( "#resizable" ).resizable({
  handles: "all"
});