JSFiddle - React, Tailwind, and code Playground

by Sasi Kanth

HTML

<html>

  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
    <!--
     ArcGIS API for JavaScript, https://js.arcgis.com
     For more information about the widgets-layerlist sample,
     read the original sample description at developers.arcgis.com.
     https://developers.arcgis.com/javascript/latest/sample-code/widgets-layerlist/index.html
     -->
    <title>LayerList widget | Sample | ArcGIS API for JavaScript 4.19</title>

    <link rel="stylesheet" href="https://js.arcgis.com/4.19/esri/themes/light/main.css" />


    <style>
      html,
      body,
      #viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
      }

      .esri-icon-non-visible::before {
        content: "\e612";
      }

      .esri-icon-visible::before {
        content: "\e613";
      }

    </style>

    <script src="https://js.arcgis.com/4.19/"></script>

    <script>
      require([
        "esri/views/MapView",
        "esri/widgets/LayerList",
        "esri/WebMap",
        'esri/widgets/Expand',
        'esri/widgets/BasemapGallery',
        'esri/layers/GroupLayer',
        'esri/layers/FeatureLayer',
        'esri/core/watchUtils'
      ], function(MapView, LayerList, WebMap, Expand, BasemapGallery, GroupLayer, FeatureLayer, watchUtils) {
        var scene = new WebMap({
          portalItem: {
            id: "2ce3aa115bb044a9af0e73929268975e",
            visibilityMode: 'exclusive'
          }
        });

        var view = new MapView({
          container: "viewDiv",
          map: scene,
          visibilityMode: 'exclusive'
        });
        const basemapGallery = new BasemapGallery({
          view: view,
          container: document.createElement('div')
        });
        const bgExpand = new Expand({
          view: view,
          content: basemapGallery,
          visibilityMode: 'exclusive'
        });
        var...