ngx-navkit
v0.1.3
Published
A simple angular library to create admin dashboard and website toolbar sidenav view
Downloads
14
Maintainers
Readme
NgxNavkit
This library was generated with Angular CLI version 15.2.0. This library is used for creating simple angular navigation views.
Installation
- Install ngx-navkit with npm
npm install ngx-navkit
- Add styles
angular.json
:
"styles": [
"node_modules/ngx-navkit/scss/styles.scss"
]
- Import modules:
app.module.ts
:
import { NgxNavkitModule } from 'ngx-navkit';
@NgModule({
imports: [NgxNavkitModule]
})
How to use
After importing NgxNavkit module in app.module.ts, add the components of the library in app.component.html
<navkit-container>
<navkit-sidenav [mode]="'side'" [width]="300"
[navItems]="navItems">
//Add sidenav items here
</navkit-sidenav>
<navkit-content>
<navkit-toolbar [height]="80" [sidenavToggle]="true"
[sticky]="true">
//Add Toolbar/Navbar content here
</navkit-toolbar>
//Add your main content in here
</navkit-content>
</navkit-container>