JSFiddle - React, Tailwind, and code Playground

by Omar X

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<div data-role="page">
    <div data-role="header" data-position="fixed">
         <h1>Header</h1>

    </div>
    <div role="main" class="ui-content">
        <p>Control-group</p>
        <div data-role="controlgroup" data-mini="true" data-type="horizontal">
            <input type="submit" value="test1" />
            <input type="submit" value="test2" />
            <input type="submit" value="test3" />
        </div>
        <p>data mini and inline</p>
        <input type="submit" value="test4" data-inline="true" data-mini="true" />
        <input type="submit" value="test5" data-inline="true" data-mini="true" />
        <input type="submit" value="test6" data-inline="true" data-mini="true" />
    </div>
    <div data-role="footer" data-position="fixed" data-theme="a" data-tap-toggle="false">
         <h1>Footer</h1>

    </div>
</div>