JSFiddle - React, Tailwind, and code Playground

by dirkk0

HTML

<div data-role="page">
  <div data-role="header">
    <h1>jQuery Mobile Example</h1>
  </div>
  <div data-role="content">
    <a href="#defaultpanel" data-role="button" data-inline="true" data-icon="bars">&nbsp;</a>
  </div>
 
  <!-- defaultpanel  -->
    <div data-role="panel" id="defaultpanel" data-theme="b">
 
      <div class="panel-content">
            <ul data-role="listview" data-filter="true">
              <li><a href="http://"><img src="http://placekitten.com/g/80/80" />One</a></li>
              <li><a href="index.html"><img src="http://placekitten.com/g/80/80" />Two</a></li>
            </ul>

<ul data-role="listview" data-inset="true">
    <li data-role="list-divider">Friday, October 8, 2010 <span class="ui-li-count">2</span></li>
    <li><a href="index.html">
        <h2>Stephen Weber</h2>
        <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
        <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
        <p class="ui-li-aside"><strong>6:24</strong>PM</p>
    </a></li>
    <li><a href="index.html">
        <h2>jQuery Team</h2>
        <p><strong>Boston Conference Planning</strong></p>
        <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
        <p class="ui-li-aside"><strong>9:18</strong>AM</p>
    </a></li>
    <li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
    <li><a href="index.html">
        <h2>Avery Walker</h2>
        <p><strong>Re: Dinner Tonight</strong></p>
        <p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
        <p class="ui-li-aside"><strong>4:48</strong>PM</p>
    </a></li>
</ul>
      </div><!-- /content wrapper for padding -->
 
    </div><!-- /defaultpanel -->
</div>