colorcat-ngx-tabset v0.0.8

Setup

npm i colorcat-ngx-tabset --save

or

yarn add colorcat-ngx-tabset

Usage

Import FmTabSetModule in your app module:

import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';

import {AppComponent} from './app.component';
import {FmTabSetModule} from 'colorcat-ngx-tabset';
import {CommonModule} from '@angular/common';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    CommonModule,
    ...,
    FmTabSetModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

Example

<fm-tabset (selectedTabChange)="selectedTab($event)" [style]="tabStyle">
    <fm-tab label="Tab1" [active]="true">Tab1 content</fm-tab>
    <fm-tab label="Tab2">Tab2 content</fm-tab>
    <fm-tab label="Tab3" [disabled]="true">....</fm-tab>
    <fm-tab label="Tab4">Tab4 content</fm-tab>
</fm-tabset>