JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<div class="resizeMe">
    <div class="drawer_tab ui-resizable-handle ui-resizable-w"></div>
    <div class="edge_handle ui-resizable-handle ui-resizable-w"></div>
</div>

CSS

.resizeMe {
  position:absolute;
    right:0;
    width:50%;
    border:thin solid black;
    height:50%;
}
.resizeMe .edge_handle {
    background:silver;
}

.resizeMe .ui-resizable-handle.drawer_tab {
    position:absolute;
    top:0;    
    left:-20px;
    width:20px;
    height:60px;
    background-color:blue;
}

JavaScript

$(function() {
    $(".resizeMe").resizable({
        handles: {w:".ui-resizable-w"}
    });
});