Verwendung
Die Side Navigation ist ein Pflichtelement und muss bei jeder Software eingesetzt werden. Sie ermöglicht den Zugriff auf die Top- und Second-Level-Seiten der Software.
Tiefere Navigationsebenen werden über die Tab Navigation des Headers abgebildet.
Eigenschaften
| Name | Type | Default Value | Description |
|---|---|---|---|
menuItems | IMenuItem[] | undefined | the sidebar items |
label | string | undefined | the sidebar label |
labelHref | string | undefined | the sidebar label href |
isOpen | boolean | true | the sidebar default state - may be overridden by local storage |
footerItem | MenuItem | undefined | the sidebar footer item |
loadIsOpen | undefined | undefined | |
isMounted | undefined | false | |
hasDynamicHeight | boolean | false | if true, the sidebar will take up 100 |
icon | string | undefined | undefined | the sidebar icon next to sidebar label |
Weitere dazugehörige Komponenten
SideNavigationHeader
Eigenschaften
| Name | Type | Default Value | Description |
|---|---|---|---|
label | string | undefined | undefined | the sidebar label |
labelHref | string | undefined | undefined | the sidebar label href |
isOpen | boolean | false | the sidebar default state - may be overridden by local storage |
icon | string | undefined | undefined | the sidebar icon next to sidebar label |
SideNavigationItem
Eigenschaften
| Name | Type | Default Value | Description |
|---|---|---|---|
menuItem | IMenuItem | undefined | the sidebar item |
isSubItem | boolean | false | if the sidebar item is a sub item |
isNavigationOpen | boolean | false | if the sidebar is open |