JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css">
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
<body>
    <div id="mypage" data-role="page">
        <div data-role="header">
            <h1>
                Button Test
            </h1>
        </div>
        <div data-role="content">
            <a data-role="button" data-theme="b">Standard Button</a>
            <a data-role="button" data-shadow="false" data-theme="b">Button without Shadow</a>
            <a data-role="button" data-corners="false" data-theme="b">Button without Corners</a>
            
            <a data-role="button" data-icon="gear" data-theme="b">Standard Button with Icon Shadow</a>
            <a data-role="button" data-icon="gear" data-iconshadow="false" data-theme="b">Button without Icon Shadow</a>
        </div>
        
    </div>    
    
</body>