JSFiddle - React, Tailwind, and code Playground

by Alex Azuero

HTML

<!DOCTYPE html>
<html>

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   
   <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
   <title>Search widget results in labels</title>

   <link rel="stylesheet" href="https://js.arcgis.com/3.16/dijit/themes/tundra/tundra.css">
   <link rel="stylesheet" href="https://js.arcgis.com/3.16/esri/css/esri.css">

   <style>
      html,
      body,
      #map {
         height: 100%;
         width: 100%;
         margin: 0;
         padding: 0;
      }
      .shadow {
         box-shadow: 0 0 5px #888;
      }
      #map {
         margin: 0;
         padding: 0;
      }
      #feedback {
         background: #fff;
         color: #444;
         position: absolute;
         font-family: arial;
         height: 125px;
         right: 50px;
         margin: 5px;
         padding: 10px;
         top: 10px;
         width: 190px;
         z-index: 40;
      }
      #note {
         font-size: 80%;
         font-weight: 700;
         padding: 0 0 10px 0;
      }
   </style>

 <script src="https://js.arcgis.com/3.16/"></script>
   <script>
      require([
        "esri/map",
        "esri/dijit/Search",
        "esri/symbols/Font",
        "esri/geometry/Point",
        "esri/SpatialReference",
         "esri/symbols/SimpleMarkerSymbol",
        "esri/symbols/PictureMarkerSymbol",
         "esri/symbols/SimpleLineSymbol",
        "esri/Color",
        "esri/symbols/TextSymbol",

        "dijit/registry",
        "dijit/form/Button",
        "dojo/parser",
        "dijit/layout/BorderContainer",
        "dijit/layout/ContentPane",
        "dojo/domReady!"
      ], function (
            Map, Search, Font, Point, SpatialReference, SimpleMarkerSymbol, PictureMarkerSymbol, SimpleLineSymbol, Color, TextSymbol, registry, Button, parser)

         {
            parser.parse();

            var map = new Map("map", {
               basemap: "gray",
               center: [-100,...