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">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.mobile.all.min.css">
<div id="window">
    <div id="tabstrip">
        <ul>
            <li class="k-state-active">Item1</li>
            <li>Item2</li>
            <li>Item3</li>
        </ul>
        <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque elementum arcu, vitae placerat quam convallis vitae. Quisque vel dolor eros. Suspendisse a enim risus. Suspendisse laoreet vulputate erat sit amet varius. Curabitur viverra, eros sed vestibulum fermentum, est arcu tincidunt justo, vel fermentum ligula sapien eu mi. Maecenas blandit aliquam velit at elementum. Mauris lobortis condimentum dui, a fringilla justo dictum vel. Curabitur sollicitudin sagittis sapien sit amet porta. Proin in volutpat risus.</div>
        <div>Cras scelerisque tincidunt mi, quis eleifend sapien vulputate sed. Vestibulum condimentum leo eget quam consectetur volutpat. Vivamus sit amet mi ac dolor luctus molestie nec ut ante. Phasellus molestie commodo neque in accumsan. Sed lacinia tellus vel quam accumsan ac vulputate orci tincidunt. Donec blandit nulla gravida ante aliquet volutpat. Vestibulum euismod libero et libero sodales commodo. Phasellus sit amet leo ut orci auctor euismod. Nulla feugiat, ipsum ultricies aliquam iaculis, justo tellus consectetur lectus, vel feugiat odio erat eu velit. Ut non dolor iaculis diam pulvinar elementum nec non orci. Fusce tincidunt porttitor libero, eu elementum augue rutrum a. Nullam bibendum pharetra nulla sed rhoncus. Cras sit amet suscipit mi. Vestibulum semper nisi id dolor aliquet convallis.</div>
        <div>Etiam venenatis luctus mollis. Praesent dictum leo et magna...

JavaScript

$("#window").kendoWindow({
    height: "500px",
    width: "500px"
});

$("#tabstrip").kendoTabStrip();