fuse-angular/src/app/main/ui/page-layouts/simple/full-width-tabbed-1/full-width-tabbed-1.component.html

<div class="page-layout simple tabbed">

    <!-- HEADER -->
    <div class="header mat-accent-bg p-24">
        <h2>Tabbed</h2>
    </div>
    <!-- / HEADER -->

    <!-- CONTENT -->
    <div class="content mat-white-bg">

        <mat-tab-group dynamicHeight="true">

            <mat-tab label="Tab 1">
                <div class="p-24">
                    <fuse-demo-content></fuse-demo-content>
                </div>
            </mat-tab>

            <mat-tab label="Tab 2">
                <div class="p-24">
                    <fuse-demo-content></fuse-demo-content>
                </div>
            </mat-tab>

            <mat-tab label="Tab 3">
                <div class="p-24">
                    <fuse-demo-content></fuse-demo-content>
                </div>
            </mat-tab>

        </mat-tab-group>

    </div>
    <!-- / CONTENT -->

</div>