@playwire/pw-react-component
Version:
Playwire React Component
61 lines (52 loc) • 3.01 kB
HTML
<html>
<head>
<title>Playwire Apps</title>
<!-- DEMO CSS - Not Needed for your site! -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://developers.playwire.com/onboarding/tyche/main.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark" style="background-color:#0d59b2 !important">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01"
aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<img class="pw-logo" src="playwiresupport_white.png" width="199" height="65">
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item"><a class="navbar-brand" href="/demos/apps/index.html">Home</a></li>
<li class="nav-item"><a class="navbar-brand" href="/demos/apps/angular/index.html">Angular</a></li>
<li class="nav-item"><a class="navbar-brand" href="/demos/apps/react/index.html">React</a></li>
<li class="nav-item"><a class="navbar-brand" href="/demos/apps/vue/index.html">Vue</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<a id="code-link" href="">
<div class="btn btn-lg btn-success" style="position: fixed; top: 75px; right: 0; z-index:1000">
Playwire Components <i class="far fa-file-code"></i>
</div>
</a>
<div style="text-align: center;padding:5px">
<img
height="50px"
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+CiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8+CiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8+CiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgPC9nPgo8L3N2Zz4K" alt="">
<h1>React App</h1>
</div>
<!-- React app -->
<div id="root"></div>
</div>
<script defer src="https://kit.fontawesome.com/ff8dbc6dab.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</body>
</html>