<sky-vertical-tabset showTabsText="Tab list">
  @for (group of groups; track group) {
    <sky-vertical-tabset-group
      [groupHeading]="group.heading"
      [open]="group.isOpen"
      [disabled]="group.isDisabled"
    >
      @for (tab of group.subTabs; track tab) {
        <sky-vertical-tab
          [active]="tab.active"
          [tabHeading]="tab.tabHeading"
          [tabHeaderCount]="tab.tabHeaderCount"
          [disabled]="tab.disabled"
        >
          {{ tab.content }}
        </sky-vertical-tab>
      }
    </sky-vertical-tabset-group>
  }
</sky-vertical-tabset>
