Tabs

JamTabs

import { JamTabsModule } from 'ngx-jsonapi-material';

Selector: jam-tabs

Properties

Name	Value type	Required	Description
@Input() tabNames	Object	false
@Input() tabGroup	MatTabGroup	false
@Input() defaultTabIndex	number	false

Basic tabs

<mat-tab-group jamTabs [tabNames]="tab_names" [tabGroup]="tabGroup" #tabGroup>
    <mat-tab label="Tab 1">
        ...
    </mat-tab>
    <mat-tab label="Tab 2">
        ...
    </mat-tab>
</mat-tab-group>

In the component:

Basic tabs

...

export component TabsComponent {
    public tab_names = {
        tab_1: 0,
        tab_2: 1
    };

...
}