Create an ArcGIS JS API 4.x widget using a simple template

CreateMapWidget

      function createMapWidgets() {
        var is2d = viewIs2D();
        // Home
        homeWidget = new Home({view: view});
        view.ui.add(homeWidget, "top-left");
        // Zoom
        zoomWidget = new Zoom({view: view});
        view.ui.add(zoomWidget, "top-left");
        // Compass
        compassWidget = new Compass({view: view});
        view.ui.add(compassWidget, "top-left");
        // Attribution
        attributionWidget = new Attribution({view: view});
        view.ui.add(attributionWidget, {position: "manual"});
        // 2D/3D widget
        var icon;
        if (is2d) {
          icon = "class='esri-icon esri-icon-globe'";
        } else {
          icon = "class='esri-icon esri-icon-maps'";
        }
        var fragment = document.createDocumentFragment();
        var widget2d3d = domConstruct.place("<div role='button' class='esri-home esri-widget-button esri-widget esri-component' id='esri2d3dWidget'>" +
          "<span aria-hidden='true' " + icon + " title='2D/3D Map'></span>" +
          "<span class='esri-icon-font-fallback-text'>3D</span>" +
        "</div>", fragment);
        view.ui.add(widget2d3d, "top-left");
        // Show other view and restart
        query(widget2d3d).on("click", function(){
          play(false);
          createMap(!is2d);
          createMapWidgets();
        });
      }