a4-cacoe-tabs v1.0.1

nui-coe-tabs

Important

This package supports Angular 4

Description

This TabComponent is responsive design, so feel free to try it in your desktops, tablets and mobile devices.

Installation

To install this component, follow the procedure:

Add dependency in package.json
 "dependencies": {
 
   "nui-coe-tabs": "git+https://repo.hclets.com/cacoe-nui/nui-coe-tabs.git"
}

1. Install with npm:npm install

2. Add tabsComponent import to your @NgModule like example below

   import { NgModule } from '@angular/core';
   import { BrowserModule } from '@angular/platform-browser';
   import { MyTestApp } from './my-test-app';
   
   import { Tabs,Tab } from 'nui-coe-tabs';
   
   @NgModule({
       imports:      [ BrowserModule ],
       declarations: [ MyTestApp,tabsComponent ],
       bootstrap:    [ MyTestApp ]
   })
   export class MyTestAppModule {}

Usage

Use the following snippet inside your template. For example:

<Tab tabTitle="Tab1">
    Content...Tab1
    </tab>
    
    <Tab tabTitle="Tab2">
    Content...Tab2
    </Tab>

License

• License: ISC

Author

• Author: Birendranath Maity and Pooja Manocha