Simple Responsive Tabs Component Library | ngx-tabset

angular-ngx-tabs-component

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

responsive tabs example, responsive tab slider, responsive tabs html css, angular tabs component, angular tabs with different components, custom tabs in angular

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 {
}

Simple Responsive Tabs Component, ngx-tabset Plugin/Github


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.