src/lib/minimal-layout/minimal-layout.component.ts
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | rxap-minimal-layout |
| imports |
RouterOutlet
BaseLayoutComponent
NavigationProgressBarComponent
HeaderComponent
FooterComponent
|
| templateUrl | ./minimal-layout.component.html |
| styleUrl | ./minimal-layout.component.scss |
import {
ChangeDetectionStrategy,
Component,
} from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { BaseLayoutComponent } from '../base-layout/base-layout.component';
import { FooterComponent } from '../footer/footer.component';
import { HeaderComponent } from '../header/header.component';
import { NavigationProgressBarComponent } from '../navigation-progress-bar/navigation-progress-bar.component';
@Component({
selector: 'rxap-minimal-layout',
imports: [RouterOutlet, BaseLayoutComponent, NavigationProgressBarComponent, HeaderComponent, FooterComponent],
templateUrl: './minimal-layout.component.html',
styleUrl: './minimal-layout.component.scss',
changeDetection: ChangeDetectionStrategy.OnPush
})
export class MinimalLayoutComponent {}
<rxap-header class="z-10 w-full fixed top-0"></rxap-header>
<rxap-navigation-progress-bar></rxap-navigation-progress-bar>
<router-outlet></router-outlet>
<rxap-footer class="z-10 w-full fixed bottom-0"></rxap-footer>