JSFiddle - React, Tailwind, and code Playground
by suyash
HTML
<html height="100%" lang="en" dir="ltr" data-maf-locale="en-us" class=" amx-ios">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title></title>
</head>
<body>
<div id="bodyPage" class="amx-debug" data-topcontentoffset="0">
<div data-role="header"></div>
<div id="bodyPageViews">
<div data-pagename="page1/pag1.amx" class="amx-view-container current">
<div id="_auto0" class="amx-node amx-view">
<div id="pp1" class="amx-node amx-panelPage amx-has-predestroy">
<div class="amx-panelPage-header" id="pp1_header" style="padding-top: 0px;">
<section class="amx-panelPage-header-appIcon" style="margin-top: 0px;"></section>
<div class="amx-panelPage-facet-header amx-panelPage-bar" role="heading" tabindex="-1"
style="margin-top: 0px;">
<div class="field amx-node amx-inputText" id="it1">
<div class="field-label" id="it1__fieldLabel">
<label id="it1::lbl" for="it1__inputElement">Header</label>
</div>
<div class="field-value">
<div class="wrap">
<input type="text" id="it1__inputElement" class="amx-inputText-content" placeholder=""
autocapitalize="" autocorrect="" role="textbox" aria-labelledby="it1::lbl"/>
</div>
</div>
</div>
</div>
<section class="amx-panelPage-facet-primary amx-panelPage-bar" style="margin-top: 0px;">
<div tabindex="0" role="button" id="cb1" class="amx-node amx-commandButton amx-label-no-text">
<label class="amx-commandButton-label"></label>
...