NgxNavbar

An angular Navigation/Menu Bar, which is horizontally scrollable on mouse-wheel.

Installation

Install it with npm

npm install ngx-navbar --save or npm i ngx-navbar

Usage

Import NgxNavbarModule in the root module

import { NgxNavbarModule } from 'ngx-navbar';
 
@NgModule({
  imports: [
    // ...
    NgxNavbarModule
  ]
})

In your template

<ngx-navbar></ngx-navbar>

NgxNavbar Example

<ngx-navbar style="height: 36px; width: 100px;">
  <a href="#" ngxNavbarItem>Menu 1</a>
  <a href="#" ngxNavbarItem>Menu 2</a>
  <a href="#" ngxNavbarItem>Menu 3</a>
  <a href="#" ngxNavbarItem>Menu 4</a>
  <a href="#" ngxNavbarItem>Menu 5</a>
  <a href="#" ngxNavbarItem>Menu 6</a>
  <a href="#" ngxNavbarItem>Menu 7</a>
  <a href="#" ngxNavbarItem>Menu 8</a>
  <a href="#" ngxNavbarItem>Menu 9</a>
</ngx-navbar>

Author

Tauheed Ilahi

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.