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
Post Name | Angular ngx Tabs Component |
Author Name | maximelafarie |
Category | Angular, Tabs |
Official Page | Click Here | Click Here |
Official Website | github.com |
Publish Date | March 3, 2022 |
Last Update | July 29, 2023 |
Download | Link Below |
License | MIT |
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.