JSFiddle - React, Tailwind, and code Playground

by maxious

HTML

<!DOCTYPE HTML>
<html lang="en-US">
    
    <head>
        <meta charset="UTF-8" />
        <title>Kendo Bootstrap</title>
        <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css"
        />
        <link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.common.min.css"
        />
        <link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1315/styles/kendo.bootstrap.min.css"
        />
    </head>
    
    <body>
         <h1>No classes (Bootstrap's base CSS actually)</h1>

        <input type="text" value="Input" />
        <br />
        <br />
        <select>
            <option>Select</option>
        </select>
        <br />
        <br />
        <button>Button</button>
         <h1>Kendo classes/controls</h1>

        <input type="text" value="Input" class="k-textbox" />
        <br />
        <br /> <span class="k-textbox">
            <input type="text" value="Kendo Input like AutoComplete" />
        </span>

        <br />
        <br />
        <select id="size">
            <option>Kendo DropDownList</option>
        </select>
        <br />
        <br />
        <button class="k-button">Button</button>
        <br />
        <br />
        <div class="k-block k-info-colored">Kendo Info Block</div>
        <br />
        <br /> <span class="k-textbox k-space-left">
                    <input type="text" value="Input with icon left" />
                    <a href="#" class="k-icon k-i-search">&nbsp;</a>
                </span>

        <div id="tabstrip">
            <ul>
                <li class="k-state-active">Paris</li>
                <li>New York</li>
            </ul>
            <div>TabStrip</div>
            <div>TabStrip</div>
        </div>
         <h1>Bootstrap controls</h1>

        <button class="btn">Button</button>
        <br />
        <br />
        <div class="alert alert-info">
            <button type="button"...