Navigation

This library was generated with Angular CLI version 16.2.0.

Installation

You can install the Custom Angular Navigation Library using npm:

npm i @telio/navigation

Getting Started

Import the NavigationModule in your AppModule:

import { NavigationModule } from '@telio/navigation';

@NgModule({
  imports: [
    NavigationModule
  ]
})
export class AppModule { }

Usage

Use the navigation component in your template:

<telio-navigation [navigation]="navigation"></telio-navigation>

navigation: NavigationItem[] = [
  {
    label: 'Home',
    route: '/home'
  },
  {
    label: 'About',
    route: '/about'
  },
  {
    label: 'Contact',
    route: '/contact'
  }
];

NavigationItem {
  label: string;
  route: string;
  hidden?: boolean;
}

Styling

The navigation component uses the following options for styling:

<telio-navigation [navigation]="navigation" [options]="options"></telio-navigation>

options: NavigationOptions = {
  responsiveBreakpoint: 768,
  maxInnerWidth: 1200,
}