secondarynavigation

Secondarynavigation

This library was generated with Angular CLI version 18.1.1.

Getting started

Step 1: Install

Run npm install secondarynavigation to install the module in your local Angular Application.Recommended npm install secondarynavigation --force When attempting to install various third-party dependencies listed in your local package.json, some of them may not be compatible with the latest Angular version, Use --force inspite of normal npm install.

Step 2: Import the CloSecondaryNavigationModule

import { CloSecondaryNavigationModule } from 'secondarynavigation';

`Import the above module based on your usage in the particular component as standalone or Global level `

Usage

HTML

<clo-tab-navigation
    class="fixed-secondary-header"
    [activeId]="activeTabId"
    (tabChange)="tabChange($event)"
    justify="center"
   >
    <clo-navigation-tab
      *ngFor="let tabName of tabNames"
      [title]="tabName.testDetails"
    >
      <ng-template cloNavigationTabContent>
        <test></test>(Load your selector based on your requirement)
      </ng-template>
    </clo-navigation-tab>
  </clo-tab-navigation>

TS

  backButtonClickEvent(event: any) {
    Handle the click event here 
  }

  tabChange(event: any) {
   Tab Change Event
  }