3.0.1 • Published 7 years ago
lagistos-ngc v3.0.1
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