3.0.1 • Published 6 years ago

lagistos-ngc v3.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

This package will contain Angular components that i didn't found in PrimeNG Like Navbar that it's responsive like Bootstrap

All of these components are only for Angular

For now there is only the Navbar

Navbar Code

<navbar (drawerclicked)="openDrawerFn($event)"
    [logo]="'assets/logo.png'">

    <app-navbar-dropdown-item [name]="'Links'"
        [mainLink]="'somepage'"
        [links]="anchors"></app-navbar-dropdown-item>
    <app-navbar-item [name]="'Home'"></app-navbar-item>
    <app-navbar-item [name]="'About'"></app-navbar-item>

</navbar>
export class AppComponent implements OnInit {

  anchors: Array<any>;

  constructor() { }

  ngOnInit() {
    this.anchors = [
      { name: 'link 1', link: 'link url' },
      { name: 'link 2', link: 'link url' },
      { name: 'link 3', link: 'link url' },
      { name: 'link 4', link: 'link url' }
    ];
  }

  openDrawerFn() {
    console.log('something');
  }

import NavigationBarModule in the AppModule

Navbar Usage

openFunc - function , what to do when in mobile mode and the toggle button clicked anchors - list of things to shoe when drop down hover mainLink - where to navigate when the dropdown itself clicked name - what to display

THE CODE

https://github.com/Lagistos/lagistos-ngc.git