JSFiddle - React, Tailwind, and code Playground

by Scott Kaye

HTML

<link rel="stylesheet" href="https://code.jquery.com/mobile/git/jquery.mobile-git.css">
<script src="https://code.jquery.com/mobile/git/jquery.mobile-git.js"></script>
<div data-role="page" id="p1">
    <div data-role="header">
         <h1>Header Page 1</h1>
    </div>
    <div data-role="content">
        Welcome to page 1.
        <a href="#p2" data-role="button">Go to page 2</a>
    </div>
    <div data-role="footer">
         <h4>Footer</h4>
    </div>
</div>
<div data-role="page" id="p2">
    <div data-role="header" data-rel="back">
         <h1>Header Page 2</h1>
    </div>
    <div data-role="content">
        This is now page 2.
        <a href="#p1" data-role="button">Back to page 1</a>
    </div>
    <div data-role="footer">
         <h4>Footer</h4>
    </div>
</div>