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.