JSFiddle - React, Tailwind, and code Playground

by ryanmc

HTML

<!DOCTYPE html> 
<html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>jQuery Mobile Docs - Lists with Thumbnails</title> 
    <link rel="stylesheet"  href="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />  
    <script src="//code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

</head> 
<body> 

    <div data-role="page">

        <div data-role="header" data-theme="a" data-position="fixed">
        <div data-role="navbar" class="nav-icons" data-grid="b">
            <ul>
                <li><a href="inventory.html" data-direction="reverse" data-icon="house_white">Inventory</a></li>
                <li><a href="#" data-icon="shoppingcart_white" class="ui-btn-active ui-state-persist">Shopping</a></li>
                <li><a href="more.html" data-icon="gear_white">More</a></li>
            </ul>
        </div><!-- /navbar -->
        
        <div class="ui-bar-f">
            <div class="ui-grid-b">
                <div class="ui-block-a">
                    <!-- <a href="index.html" data-icon="delete" data-role="button" data-iconpos="notext" data-theme="c" data-inline="true" rel="external" id="logout1" style="margin-left:5px;">Logout</a> -->
                    <a href="index.html" data-icon="delete" data-role="button" data-iconpos="notext">Logout</a>
                </div>
                <div class="ui-block-b" style="text-align:center;padding-top:2px;">
                    <select id="shopping_lists" name="shopping_lists" data-mini="true" data-inline="true" onchange="sessionStorage.list_id=this.value;"></select>
                </div>
                <div class="ui-block-c">
                    <a href="search.html" data-icon="plus" data-role="button" data-iconpos="notext" data-theme="c" id="addItem" style="float:right;margin-right:5px;">Add Item</a>
                </div>
           ...