JSFiddle - React, Tailwind, and code Playground
by Palani Kumar
HTML
<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/tabstrip/index">
<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.2.624/styles/kendo.flat.min.css" />
<script src="http://cdn.kendostatic.com/2015.2.624/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.2.624/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div class="demo-section k-header">
<div id="tabstrip">
<ul>
<li class="k-state-active">
Paris
<span class='cls-btn'>x</span>
</li>
<li>
New York
<span class='cls-btn'>x</span>
</li>
<li>
London
<span class='cls-btn'>x</span>
</li>
<li>
Moscow
<span class='cls-btn'>x</span>
</li>
</ul>
<div>
<span class="rainy"> </span>
<div class="weather">
<h2>17<span>ºC</span></h2>
<p>Rainy weather in Paris.</p>
</div>
</div>
<div>
<span...