<ion-header>
  <ion-navbar>
    <ion-title>Components</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item-group *ngFor="let componentItem of components">
      <ion-item-divider>{{componentItem.name}}</ion-item-divider>
      <button ion-item *ngFor="let component of componentItem.components" (click)="open(component.component)">
        <ion-label>{{component.name}}</ion-label>
      </button>
    </ion-item-group>
  </ion-list>
</ion-content>
