alfresco-ng2-components/lib/core/info-drawer/info-drawer.component.html

<adf-info-drawer-layout>
    <div *ngIf="title" info-drawer-title>{{title}}</div>
    <ng-content *ngIf="!title" info-drawer-title select="[info-drawer-title]"></ng-content>

    <ng-content info-drawer-buttons select="[info-drawer-buttons]"></ng-content>

    <ng-container info-drawer-content *ngIf="showTabLayout(); then tabLayout else singleLayout"></ng-container>

    <ng-template #tabLayout>
        <mat-tab-group [(selectedIndex)]="selectedIndex" class="adf-info-drawer-tabs" (selectedTabChange)="onTabChange($event)">
            <ng-container *ngFor="let contentBlock of contentBlocks">
                <mat-tab [label]="contentBlock.label" class="adf-info-drawer-tab">
                    <ng-container *ngIf="contentBlock.icon">
                        <ng-template mat-tab-label>
                            <mat-icon>{{ contentBlock.icon }}</mat-icon>
                        </ng-template>
                    </ng-container>

                    <ng-container *ngTemplateOutlet="contentBlock.content"></ng-container>
                </mat-tab>
            </ng-container>
        </mat-tab-group>
    </ng-template>

    <ng-template #singleLayout>
        <ng-content select="[info-drawer-content]"></ng-content>
    </ng-template>
</adf-info-drawer-layout>