JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="page" id="page1">

  <div data-role="header">
    <h1>Das ist die erste Seite</h1>
  </div>

  <div data-role="content">

<a href="#page2" data-rel="dialog" data-transition="turn" data-role="button">Dialog aufrufen</a>


        <div data-role="navbar">
            <ul>
                <li><a href="#" class="ui-btn-active">Eins</a></li>
                <li><a href="#">Zwei</a></li>
                <li><a href="#">Drei</a></li>
            </ul>
        </div>
        <a data-role="button" data-rel="back" href="index.html" data-transition="flip">Zurück    
        </a>
 </div>

  <div data-role="footer">
  	 <h4>Das ist die Fußzeile</h4>
  </div>
</div>



<div data-role="dialog" id="page2">
    <div data-role="header"><h1>Mein Dialog</h1>
    </div>
    <div data-role="content">
    <p>Textinhalt des Dialogs</p>
    <p><a data-rel="reverse" href="#page1" data-role="button" data-icon="home">Zurück</a></p>
    </div>
</div>