JSFiddle - React, Tailwind, and code Playground

by valchev

HTML

<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<div id="tabstrip">
    <ul>
        <li class="k-state-active">
            Foo
        </li>
        <li>
            Bar
        </li>
    </ul>
    <div>
        Suspendisse quis dictum elit. Mauris vulputate, elit id pharetra dignissim, arcu lorem commodo tortor, sit amet consequat purus leo quis metus. Quisque laoreet, neque in pulvinar viverra, nibh lacus viverra tellus, et euismod enim dolor vitae felis. Phasellus tincidunt, neque a tempus pellentesque, dui tortor pulvinar libero, ut iaculis dui risus vel tortor. Phasellus magna libero, tempus eget semper id, suscipit eu erat. Vivamus et orci sem. Sed varius blandit velit, vel consequat dolor rhoncus eu. Quisque blandit urna sit amet erat porttitor blandit. Nam a arcu nec nibh pharetra dictum sit amet ac magna. In hac habitasse platea dictumst. Quisque dictum quam ac urna fermentum consequat.
    </div>
    <div>
        Suspendisse quis dictum elit. Mauris vulputate, elit id pharetra dignissim, arcu lorem commodo tortor, sit amet consequat purus leo quis metus. Quisque laoreet, neque in pulvinar viverra, nibh lacus viverra tellus, et euismod enim dolor vitae felis. Phasellus tincidunt, neque a tempus pellentesque, dui tortor pulvinar libero, ut iaculis dui risus vel tortor. Phasellus magna libero, tempus eget semper id, suscipit eu erat. Vivamus et orci sem. Sed varius blandit velit, vel consequat dolor rhoncus eu. Quisque blandit urna sit amet erat porttitor blandit. Nam a arcu nec nibh pharetra dictum sit amet ac magna. In hac habitasse platea dictumst. Quisque dictum quam ac urna fermentum consequat.
    </div>
</div>

CSS

#tabstrip { /* tabstrip element */
    position: relative;
}
 
.k-tabstrip .k-content {
    position: absolute;
    top: 41px;
    bottom: 0;
}

JavaScript

$("#tabstrip").kendoTabStrip()