JSFiddle - React, Tailwind, and code Playground

by Ajay Barot

HTML

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <link data-turbolinks-track="true" href="/assets/application.css?body=1" media="all" rel="stylesheet" />
    <link data-turbolinks-track="true" href="/assets/bootstrap-datepicker.css?body=1" media="all" rel="stylesheet" />
    <link data-turbolinks-track="true" href="/assets/custom.css?body=1" media="all" rel="stylesheet" />
    <link data-turbolinks-track="true" href="/assets/forhelp.css?body=1" media="all" rel="stylesheet" />
    <link data-turbolinks-track="true" href="/assets/homes.css?body=1" media="all" rel="stylesheet" />
    <link data-turbolinks-track="true" href="/assets/jquery-ui-1.10.4.css?body=1" media="all" rel="stylesheet" />
    <link data-turbolinks-track="true" href="/assets/jquery-ui-1.10.4.min.css?body=1" media="all" rel="stylesheet" />
    <link data-turbolinks-track="true" href="/assets/main.css?body=1" media="all" rel="stylesheet" />
    <script data-turbolinks-track="true" src="/assets/jquery.js?body=1"></script>
    <script data-turbolinks-track="true" src="/assets/jquery_ujs.js?body=1"></script>
    <script data-turbolinks-track="true" src="/assets/bootstrap-transition.js?body=1"></script>
    <script data-turbolinks-track="true" src="/assets/bootstrap-affix.js?body=1"></script>
    <script data-turbolinks-track="true" src="/assets/bootstrap-alert.js?body=1"></script>
    <script data-turbolinks-track="true" src="/assets/bootstrap-button.js?body=1"></script>
    <script data-turbolinks-track="true" src="/assets/bootstrap-carousel.js?body=1"></script>
    <script data-turbolinks-track="true" src="/assets/bootstrap-collapse.js?body=1"></script>
    <script data-turbolinks-track="true" src="/assets/bootstrap-dropdown.js?body=1"></script>
    <script data-turbolinks-track="true" src="/assets/bootstrap-modal.js?body=1"></script>
    <script data-turbolinks-track="true" src="/assets/bootstrap-scrollspy.js?body=1"></script>
    <script data-turbolinks-track="true"...