Angular 게시판 탭 Tab 예시

<div
  *ngFor="let tab of tabs"
  class="py-3 px-4 hover:text-gray-300"
  [ngClass]="{'border-b-2 border-primary text-primary font-semibold hover:text-primary' : currentTab === tab}"
  (click)="currentTab = tab"
>
  {{tab}}
</div>

currentTab: string = '전체';
  tabs: string[] = [
    '전체',
    '출고 대기',
    '출고 승인',
    '충고 완료',
    '제조 완료',
    '배송 중',
    '배송 완료',
  ];