chrome/browser/resources/app_home/app_item.html

<style include="cr-hidden-style">
/* TODO(crbug.com/1350406): update the style after UI design
  spec is finalized.*/

:host {
  align-items: center;
  cursor: pointer;
  display: block;
  height: 120px;
  margin: auto;
  text-align: center;
  width: 96px;
}

#iconContainer {
  height: 64px;
  margin-inline-end: auto;
  margin-inline-start: auto;
  margin-top: 14px;
  position: relative;
  transition: all 250ms;
  width: 64px;
}

#deprecatedIcon {
  bottom: 0;
  height: 18px;
  position: absolute;
  right: 0;
  width: 18px;
}

#iconContainer:active {
  transform: scale(0.94);
}

#textContainer {
  font-size: 13px;
  height: 20px;
  margin-inline: auto;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80px;
}

#iconImage {
  height: 100%;
  width: 100%;
}

hr {
  border-top: var(--cr-separator-line);
  height: 0;
}

cr-checkbox::part(label-container) {
  flex: 1;
}

</style>

<div title="[[appInfo.name]]" aria-hidden="true"
    id="objectContainer">
  <div id="iconContainer">
    <img src="[[getIconUrl_(appInfo)]]" id="iconImage"
        alt="[[appInfo.name]]"
        aria-hidden="true"
        draggable="false">
    <img id="deprecatedIcon"
        src="chrome://resources/images/error_yellow900.svg"
        hidden$="[[!appInfo.isDeprecatedApp]]">
  </div>
  <div id="textContainer"
      aria-hidden="true">[[appInfo.name]]</div>
</div>

<cr-action-menu id="menu" on-mousedown="onMenuMousedown_"
    on-click="onMenuClick_">
  <button id="showStorePage" class="dropdown-item"
      on-click="openStorePage_"
      hidden="[[isWebStoreLinkHidden_(appInfo)]]">
    $i18n{viewInWebStore}
  </button>
  <cr-checkbox id="openInWindow"
      class="dropdown-item label-first"
      on-click="onOpenInWindowItemClick_"
      hidden="[[!isOpenInWindowHidden_(appInfo)]]"
      checked="{{appInfo.openInWindow}}" noink>
    $i18n{appWindowOpenLabel}
  </cr-checkbox>
  <cr-checkbox
      id="launchOnStartup"
      class="dropdown-item label-first"
      on-click="onLaunchOnStartupItemClick_"
      hidden="[[isLaunchOnStartupHidden_(appInfo)]]"
      checked="[[isLaunchOnStartUp_(appInfo)]]"
      disabled="[[isLaunchOnStartupDisabled_(appInfo)]]" noink>
    $i18n{appLaunchAtStartupLabel}
  </cr-checkbox>
  <button id="createShortcut"
      class="dropdown-item"
      on-click="onCreateShortcutItemClick_"
      hidden="[[isCreateShortcutHidden_(appInfo)]]">
    $i18n{createShortcutForAppLabel}
  </button>
  <button id="installLocally" class="dropdown-item"
      on-click="onInstallLocallyItemClick_"
      hidden="[[isInstallLocallyHidden_(appInfo)]]">
    $i18n{installLocallyLabel}
  </button>
  <hr>
  <button id="uninstall" class="dropdown-item"
      disabled="[[!appInfo.mayUninstall]]"
      hidden="[[isUninstallHidden_(appInfo)]]"
      on-click="onUninstallItemClick_">
    $i18n{uninstallAppLabel}
  </button>
  <button id="removeFromChrome" class="dropdown-item"
      disabled="[[!appInfo.mayUninstall]]"
      hidden="[[isRemoveFromChromeHidden_(appInfo)]]"
      on-click="onUninstallItemClick_">
    $i18n{removeAppLabel}
  </button>
  <button id="appSettings" class="dropdown-item"
      on-click="onAppSettingsItemClick_"
      hidden="[[isAppSettingsHidden_(appInfo)]]">
    $i18n{appSettingsLabel}
  </button>
</cr-action-menu>