Simple Responsive Tabs Component Library | ngx-tabset

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 NameAngular ngx Tabs Component
Author Namemaximelafarie
CategoryAngular, Tabs
Official PageClick Here | Click Here
Official Websitegithub.com
Publish DateMarch 3, 2022
Last UpdateJuly 29, 2023
DownloadLink Below
LicenseMIT

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

angular-ngx-tabs-component

Official Website(maximelafarie): Click Here

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

Related Posts

Google-Translate-Dropdown-Customize-With-Country-Flag

Google Translate Dropdown Customize With Country Flag | GT API

Flag google translates jQuery text that takes advantage of the Google Cloud Translation API to translate web content between languages by selecting a country from the dropdown…

Bootstrap-Fileinput

HTML 5 File Input Optimized for Bootstrap 4.x./3.x with File Preview | Bootstrap Fileinput

bootstrap-fileinput is an improved HTML 5 file input  Bootstrap 5.x, 4.x and 3.x with file preview for different files, provides multiple selections, resumable section uploads, and more….

HStack-and-VStack-in-CSS

CSS Layout Components Horizontal/Vertical Stack | HStack and VStack

HStack and VStack in CSS – CSS layout components that (basically) stack anything horizontally and vertically. A pure CSS library that makes it easy to stack elements…

Floating-Whatsapp-Chat-Button

How to Add Floating Whatsapp Chat Button In HTML | venom-button

Venom Button is a very simple plugin for the jQuery floating WhatsApp button. Adds a floating button to your site that calls WhatsApp Click to Chat API. It will automatically start the WhatsApp…

Data-Table-Generator-Tabulator

Interactive Data Table Generator with JS/jQuery and JSON | Tabulator

Tabulator allows you to create interactive tables in seconds from any HTML Table, JavaScript array, AJAX data source, or JSON format data. Just include the library in your…

alert-confirm-prompt-attention-js

Simple Alert, Confirm, Prompt Popup Using Vanilla JavaScript Library | attention.js

JavaScript provides various built-in functionality to display popup messages for different purposes. Attention JS is a vanillaJS plugin used to create a custom alert, confirm, or Prompt…

Leave a Reply

Your email address will not be published. Required fields are marked *