ipsos-components/src/lib/tabs/tab-header.html

Material Design components for Angular

<div class="mat-tab-header-pagination mat-tab-header-pagination-before mat-elevation-z4"
     aria-hidden="true"
     mat-ripple [matRippleDisabled]="_disableScrollBefore || disableRipple"
     [class.mat-tab-header-pagination-disabled]="_disableScrollBefore"
     (click)="_scrollHeader('before')">
  <div class="mat-tab-header-pagination-chevron"></div>
</div>

<div class="mat-tab-label-container" #tabListContainer
     (keydown)="_handleKeydown($event)">
  <div class="mat-tab-list" #tabList role="tablist" (cdkObserveContent)="_onContentChanges()">
    <div class="mat-tab-labels">
      <ng-content></ng-content>
    </div>
    <mat-ink-bar></mat-ink-bar>
  </div>
</div>

<div class="mat-tab-header-pagination mat-tab-header-pagination-after mat-elevation-z4"
     aria-hidden="true"
     mat-ripple [matRippleDisabled]="_disableScrollAfter || disableRipple"
     [class.mat-tab-header-pagination-disabled]="_disableScrollAfter"
     (click)="_scrollHeader('after')">
  <div class="mat-tab-header-pagination-chevron"></div>
</div>