DNDTools/src/app/journal/journal-stats/weapons-container/weapons-container.component.html

<div class="weapon-spell-container">
  <div class="tab-row">
    <button
      class="tab-button"
      (click)="active = 1"
      [class]="active === 1 ? 'active' : ''"
    >
      Waffen
    </button>
    <button
      class="tab-button"
      (click)="active = 2"
      [class]="active === 2 ? 'active' : ''"
    >
      Zauber
    </button>
  </div>
  @switch(active){ @case(1){
  <weapon-table #weaponTable></weapon-table>
  <ui-button
    [type]="'add'"
    [size]="'xlarge'"
    [color]="'primary'"
    class="button-margin"
    (click)="openModal()"
  ></ui-button>
  } @case(2){
  <spell-table #spellTable></spell-table>
  } }
</div>