ui-vertical-menu

Generation

ng g @ngx-kit/collection:ui-vertical-menu [name]

Demo

PreviewSources

Default

Item 1Item 2Item 3
Group 1
Group 2

Multiple

Item 1Item 2Item 3
Group 1
Group 2
Gr 2 Item 1Gr 2 Item 2
Group 3
Gr 3 Item 1Gr 3 Item 2

API

[class] UiVerticalMenuDemoModule

@NgModule

[class] UiVerticalMenuGroupComponent

@Component

Selector:'ui-vertical-menu-group'

Members

SignatureDescription
@Input() active: boolean

Force active state.

@Input() activeRoute: any[] | string

Set active on route match.

activeState = false
toggle()

[class] UiVerticalMenuItemComponent

@Component

Selector:'ui-vertical-menu-item,a[uiVerticalMenuItem]'

Members

SignatureDescription
@Input() uiVerticalMenuItem: void

[class] UiVerticalMenuSubComponent

@Component

Selector:'ui-vertical-menu-sub'

Members

SignatureDescription
@Input() uiVerticalMenuSub: void

[class] UiVerticalMenuModule

@NgModule

Exports:[ KitCollapseModule, UiVerticalMenuComponent, UiVerticalMenuItemComponent, UiVerticalMenuGroupComponent, UiVerticalMenuSubComponent, ]

[class] UiVerticalMenuComponent

@Component

Selector:'ui-vertical-menu'

Members

SignatureDescription
@Input() multiple = false

Allow few panels open at a time.