MatNavBarPagination
Module for mat-tab-nav-bar that adds the ability to scroll through the list of bookmarks. You can use the router-outlet and have all tabs in a scrollable panel.
Installation
To install this library, run:
$ npm install mat-nav-bar-pagination
or yarn:
$ yarn add mat-nav-bar-pagination
How to use
Add import module to your application:
e.g. in app.module.ts
;;;;;
For the correct work with matNavBarPagination
, it is necessary to import MatTabsModule from @angular/material
and import material styles.
e.g. in styles.scss
:
;;
Now you can use it into your code:
first second third fourth fifth sixth <!-- Simple way with ngFor --> <!-- <a mat-tab-link *ngFor="let link of navLinks" [routerLink]="link.link" dynamicHeight routerLinkActive #rla="routerLinkActive" [active]="rla.isActive" > <span style="opacity: 0.6">{{ link.name }}</span> </a> -->
Demo
The component demo is available in:
- the github repository
- compiled version in
./demo
directory.
The demo version can be run by script:
$ npm run demo
License
MIT © Szymon Standarski