ng-smart-tabs v1.1.5

Ng Smart Tabs

created by Andrew Wormald

Installation:

Step 1:

npm install ng-smart-tabs

Step 2:

Ensure you are using routing as this directive works hand in hand with Agnular's Router.

import { NgSmartTabsModule } from 'ng-smart-tabs';

@NgModule({
  imports: [
    NgSmartTabsModule,
  ],
})

Step 3:

<a ng-smart-tab>{{YOUR_TEXT}}</a>

For example:

<a ng-smart-tab
   activeOnUrlMatch="/path">{{YOUR_TEXT}}</a>

<!-- The matching alogithim is a basic javascipt .contains()
 method and priorities direct matches. Thus only provide
 what is unique for that url/journey. -->
 
<a ng-smart-tab
   activeOnUrlMatch="/path/">{{YOUR_TEXT}}</a>

<a ng-smart-tab
   opacityChangeSpeed="2.35">{{YOUR_TEXT}}</a>

<a ng-smart-tab
   lineColor="#eee">{{YOUR_TEXT}}</a>