This library contains component for dynamic sidebar
$npm install kapela-sidebarimport { KapelaSidebarComponent, MenuModel } from 'kapela-sidebar';
@Component({
...
imports: [ KapelaSidebarComponent ],
...
})<kapela-sidebar></kapela-sidebar>export class MenuModel {
title: string = '';
icon?: string;
route?: string = '';
submenu?: MenuModel[] = [];
}| Name | Type | default | Comments |
|---|---|---|---|
| logo | string | https://i.ibb.co/drKVdvW/logo.png | URL or project images resources |
| logoHeight | number | 30 | height of logo in px |
| logoWidth | number | 30 | width of logo in px |
| label | string | Kapela | Label associated to the Logo |
| menuList | MenuModel[] | ||
| footerMenuList | MenuModel[] | ||
| menuIconHeight | number | 24 | height of menu icon px |
| menuIconWidth | number | 24 | width of menu icon in px |
| collapsed | boolean | true | set default status of sidebar true for collapse by default |
| timeToCollapse | number | 10 | time in ms to collapse the sidebar when mouse leave |
| timeToOpen | number | 10 | time in ms to open the sidebar when mouse enter |
