How to change layer name using map components

[JaredPilbeam2]

  <arcgis-map zoom="13" center="-88.1, 41.5">
    <arcgis-zoom position="top-left"></arcgis-zoom>
    <arcgis-swipe swipe-position="32"></arcgis-swipe>
    <arcgis-expand position="top-right">
      <arcgis-layer-list 
      label="1862 Imagery"
      visibility="checkbox"
      ></arcgis-layer-list>
    </arcgis-expand>
  </arcgis-map>

I thought I would be able to change the layer name from AerialBW1862 by using a label property in the Layer List component, but it has no effect. I've tried most other relevant-sounding properties, but still no effect. Here is a sample. 

[ReneRubalcava · Accepted solution]

The layer name comes from the "layer.title", so you can add your own title when you create the layer.

[SteveCole · Accepted solution]

Was just coming to post that. Example mod to your code:

      const image1862 = new ImageryLayer({
        url: "https://gis.willcountyillinois.com/image/rest/services/Orthoimagery/AerialBW1862/ImageServer",
        title: "Aerial Photo",
        maxScale: 3000,
      });