chromium/ash/webui/diagnostics_ui/resources/network_card.html

<style include="diagnostics-shared">
  #cardTitle {
    align-items: center;
    display: flex;
  }

  #icon {
    padding-inline-end: 12px;
  }

  #troubleShootingContainer {
    padding-inline: 20px;
  }
</style>
<diagnostics-card is-networking-card
    hide-data-points="[[!showNetworkDataPoints]]">
  <template is="dom-if" if="[[showTroubleshootingCard]]">
    <div slot="left-panel" id="troubleShootingContainer">
      <network-troubleshooting id="networkTroubleshooting"
          slot="left-panel"
          troubleshooting-info="[[troubleshootingInfo]]">
      </network-troubleshooting>
    </div>
  </template>
  <div id="cardTitle" slot="title" tabindex="0">
    <diagnostics-network-icon id="icon" network="[[network]]">
    </diagnostics-network-icon>
    <span id="titleText">
      [[getNetworkCardTitle(networkType, networkState)]]
    </span>
  </div>
  <template is="dom-if" if="[[macAddress]]">
    <div id="macAddressChip" slot="chip" class="diagnostics-chip"
        tabindex="0">
      [[getMacAddress(macAddress)]]
    </div>
  </template>
  <template is="dom-if" if="[[showNetworkDataPoints]]">
    <network-info slot="body" guid="[[guid]]" network="[[network]]">
    </network-info>
    <ip-config-info-drawer id="ipConfigInfoDrawer" network="[[network]]"
        slot="routines">
    </ip-config-info-drawer>
  </template>
</diagnostics-card>