0.0.8 • Published 2 years ago
kapela-sidebar v0.0.8
About
This library contains component for dynamic sidebar
Install
$npm install kapela-sidebarUsage
import
import { KapelaSidebarComponent, MenuModel } from 'kapela-sidebar';
@Component({
...
imports: [ KapelaSidebarComponent ],
...
})dom
<kapela-sidebar></kapela-sidebar>Model
MenuModel
export class MenuModel {
title: string = '';
icon?: string;
route?: string = '';
submenu?: MenuModel[] = [];
}Attributes
| 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 |