JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://github.com/danillos/tinytab/raw/master/Source/tinytab.js"></script>
<ul class="tabs">
    <li>Easy</li>
    <li>Simple</li>
    <li>Tiny</li>
</ul>

<ul class="contents">
    <li>One line of code.</li>
    <li>No more than a simple tab system.</li>
    <li>Your source code have less than 1k uncompressed!</li>
</ul>

CSS

body {
    font:13.34px helvetica,arial,freesans,clean,sans-serif;
}

ul.tabs{
    height:20px;
}

ul.tabs li {
    float:left;
    background-color:#590000;
    cursor:pointer;
    padding:4px 15px 4px 15px;
    border:1px solid #590000;
    border-bottom:none;
    position:relative;
    top:1px;
    margin-right:2px;
    text-shadow:0 -1px 0 #3e0000;
    color:#b1a37e;
    font-weight:bold;
}

ul.tabs li.selected {
    background-color:#b1a37e;
    border:1px solid #a49264;
    border-bottom:1px solid #b1a37e;
    color:#590000;
    text-shadow:0 -1px 0 #c4bca8;
    
}

ul.contents {
    border:1px solid #a49264;
    height:100px;
    clear:both;
    background-color:#b1a37e;
}

ul.contents li{
    margin:10px
}

JavaScript

tb = new TinyTab($$('ul.tabs li'),$$('ul.contents li'));