JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<div id="splitter">
    <div>left pane</div>
    <div>right pane</div>
</div>

CSS

body {
    font: 12px/1.5 Tahoma,sans-serif;
}

.k-splitter .k-splitbar-static-horizontal {
    width: 0;
    border-width: 0;
    background: green;
}

.k-splitter .k-pane {
    background: red;
}

JavaScript

$("#splitter").kendoSplitter({
    panes: [
        { size: 200, resizable: true },
        {}
    ]
});