JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <!-- This is your main page -->
    <div data-role="page">
    
        <div data-role="header">
            <h1>Page Title</h1>
        </div>
    
        <div data-role="content">
            <!-- This is the link that will open your popup.
            You can use either a anchor link to an id existing on this page,
            or you can reference a filename like "popup.html"-->
            <a href="#popup" data-rel="dialog" data-transition="pop" data-role="button">Open dialog</a>		
        </div>
    
        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>
    </div>
    
    <!-- This is your popup "page" -->
    <div data-role="page" id="popup">
            
            <div data-role="header">
                <h1>This is your popup header</h1>
            </div>
        
            <div data-role="content">
                This is your popup content
                <a href="#" data-role="button">Do something here</a>
            </div>
    </div>
</body>