ngx-tabset is a very simple library that allows you to create some tabs. It uses Flexbox and is compatible with Angular.

Must Read: Bootstrap Responsive Navs and Tabs Plugin With jQuery

Simple Responsive Tabs Component Library

How to make use of it:

Install

npm i ngx-tabset --save

or

yarn add ngx-tabset

1. If you are using system.js you may want to add this to your config:

System.config({
    "map": {
        "ngx-tabset": "node_modules/ngx-tabset/bundles/ngx-tabset.umd.js"
    }
});

2. Import TabsModule into your app module and start using it in any component:

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

import {AppComponent} from './app.component';
import {TabsModule} from 'ngx-tabset';

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

See Demo And Download

Official Website(maximelafarie): Click Here

This superior jQuery/javascript plugin is developed by maximelafarie. For extra Advanced Usages, please go to the official website.