JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.mobile.all.min.css">
<html>
    <body>
        <div data-id="root" data-role="layout">
            <header data-role="header">
                <div data-role="navbar">
                    <a class="nav-button" data-align='left' data-role="backbutton">Back</a>
                    <span data-role="view-title"></span>
                </div>
            </header>
        </div>
            
        <div id="Page1" data-role="view" data-layout="root" data-title="Page 1">
            This is the first page.
            <a href="#Page2" data-role="button" data-transition="slide">Go to next page</a>
        </div>
        
        <div id="Page2" data-role="view" data-layout="root" data-title="Page 1">
            This is the second page.
            <a href="#Page3" data-role="button" data-transition="slide">Go to next page</a>
        </div>
        
        <div id="Page3" data-role="view" data-layout="root"  data-title="Page 2">
            This is the last page.
        </div>
            
    </body>
</html>

JavaScript

app = new kendo.mobile.Application(document.body, {
    initial: "Page1"
});