Angular tabs

The purpose of this package is to provide ready to use bootstrap tabs component in Angular.

How to use?

step 1

Install the package from npm using the following command npm i --save il-angular-tabs

step 2 then import the tabs necessary components and services in your app.module.ts

//importing tabs necessary components
import { TabsComponent } from 'il-angular-tabs/src/app/tabs/tabs.component';
import { TabComponent } from 'il-angular-tabs/src/app/tabs/tab/tab.component';
import { ContentComponent } from 'il-angular-tabs/src/app/tabs/content/content.component';

//also import the tabs service
import {TabsService} from 'il-angular-tabs/src/services/tabs';

step 3 and then add the imported components in the declarations array in app.module.ts as shown below:

declarations: [
    ...,
    TabsComponent,
    TabComponent,
    ContentComponent
  ],

and services in the providers array as shown below:

providers: [
    ...,
    TabsService,
  ],

___ the tabs component is ready for use now ___

Syntax

In your components.html file, just call the tag <il-tabs [data]="[{name:'string',content:'string'},...]"></il-tabs>

The objects in the data array should be in the format as shown above with keys name and content

well, thats all folks!!

About me

Working as a Frontend developer for the past 2+ years and playing with technologies like react, react native,angular, ionic 3 etc.

contributing

As of now, I am not expecting any contributions for such a small module.