JSFiddle - React, Tailwind, and code Playground

by dsuryd

HTML

<!DOCTYPE html>
<html>

  <head>
    <title>DotNetify-Elements</title>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, width=device-width" />
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
    <style>
      html {
        font-size: 14px;
        overflow-x: hidden
      }

    </style>

    <script src="https://unpkg.com/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
    <script src="https://unpkg.com/@webcomponents/[email protected]/custom-elements-es5-adapter.js"></script>
    <script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
    <script src="https://unpkg.com/[email protected]/dist/styled-components.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/signalr@2/jquery.signalR.min.js"></script>
    <script>
      signalR = jQuery.signalR;

    </script>
    <script src="https://unpkg.com/dotnetify@3/dist/dotnetify-react.min.js"></script>
    <script src="https://unpkg.com/dotnetify-elements@1/lib/dotnetify-elements.bundle.js"></script>

    <script>
      dotnetify.hubServerUrl = 'https://dotnetify.net/signalr'
      onEdit = function() {
        setTimeout(function() {
          document.getElementById('_form').setAttribute('plaintext', 'false');
          document.getElementById('_edit').setAttribute('enable', 'false');
          document.getElementById('_cancel').setAttribute('show', 'true');
          document.getElementById('_cancel').setAttribute('enable', 'true');
          document.getElementById('Submit').setAttribute('show', 'true');
          document.getElementById('Submit').setAttribute('enable', 'true');
          document.getElementById('_new').setAttribute('enable', 'false');
        });
      }

      onUpdateOrCancel =...