angular/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.html

<mat-tab-group (selectedIndexChange)="tabUpdate.notify()" animationDuration="0ms">
  <mat-tab label="Components">
    <ng-directive-explorer (toggleInspector)="toggleInspector()"></ng-directive-explorer>
  </mat-tab>
  <mat-tab label="Profiler">
    <ng-profiler></ng-profiler>
  </mat-tab>
</mat-tab-group>

<div id="nav-buttons">
  <button mat-icon-button color="primary" (click)="toggleInspector()">
    <mat-icon>
      drag_indicator
    </mat-icon>
  </button>
  <button mat-icon-button color="primary" (click)="refresh()">
    <mat-icon>
      refresh
    </mat-icon>
  </button>
  <button mat-icon-button color="primary" [matMenuTriggerFor]="menu">
    <mat-icon>miscellaneous_services</mat-icon>
  </button>
</div>

<mat-menu #menu="matMenu" class="options-menu">
  <mat-slide-toggle (change)="toggleTimingAPI($event)" class="menu-toggle-button" (click)="$event.stopPropagation()">
    Enable timing API
  </mat-slide-toggle>
  <br />
  <br />
  <mat-slide-toggle
    (change)="themeService.toggleDarkMode($event.checked)"
    class="menu-toggle-button"
    (click)="$event.stopPropagation()"
  >
    Dark Mode
  </mat-slide-toggle>
</mat-menu>

<section *ngIf="angularVersion" id="app-angular-version">
  Angular version: {{ angularVersion }}
  <ng-container *ngIf="latestSHA; let sha"> | DevTools SHA: {{ sha }} </ng-container>
</section>