JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://methvin.com/splitter/splitter.js"></script>
<div id="widget">
            <div id="foo">

               pane 1
            </div>
            <div id="boo">
                <div id="fdd">
                    pane 2
            </div>
        </div>

CSS

#widget {
    min-height: 250px;
    width: 99%;
    border: 2px solid #aaa;
}
#widget div {
    overflow: auto;
}
.vsplitbar {
    width: 4px;
    background: #cab;

}

JavaScript

$().ready(function() {
	        $('#widget').splitter({
	            outline: true,
                resizeToWidth: true

	        });
        });