<div id="activeIndexDiv">active index = {{ activeIndexDisplay }}</div>
<sky-sectioned-form
  [maintainSectionContent]="maintainSectionContent"
  [messageStream]="messageStream"
  (indexChanged)="updateIndex($event)"
  (tabsVisibleChanged)="tabsVisibleChanged($event)"
>
  <sky-sectioned-form-section heading="Information 1">
    <sky-sectioned-form-fixture-information-1 />
  </sky-sectioned-form-section>
  <sky-sectioned-form-section
    heading="Information 1a"
    [active]="activeTab"
    [itemCount]="2"
  >
    <sky-sectioned-form-fixture-information-2 />
  </sky-sectioned-form-section>
</sky-sectioned-form>
