All files / components/tabs tabs.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
1x
1x
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
8x
 
 
import { BadgeComponent } from '../badge/badge.component';
import { ChangeDetectionStrategy, Component, input } from '@angular/core';
import { MatTabsModule } from '@angular/material/tabs';
import { RouterLink, RouterLinkActive } from '@angular/router';
 
export interface TabItem {
    readonly label: string;
    readonly route: string;
    readonly badge?: number;
}
 
@Component({
    selector: 'ui-tabs',
    imports: [MatTabsModule, RouterLink, RouterLinkActive, BadgeComponent],
    templateUrl: './tabs.component.html',
    styleUrl: './tabs.component.scss',
    changeDetection: ChangeDetectionStrategy.OnPush,
})
export class TabsComponent {
    tabs = input.required<TabItem[]>();
}