ui-tabs

Generation

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

Demo

PreviewSources

Default

Tab 1Tab 2Tab 3
Tab 1 Content

Generated

Tab 1Tab 2Tab 3
Tab 1 content

API

[class] UiTabsDemoModule

@NgModule

[class] UiTabsContentComponent

@Component

Selector:'ui-tabs-content'

[class] UiTabsNavComponent

@Component

Selector:'ui-tabs-nav'

[class] UiTabsTabComponent

@Component

Selector:'ui-tabs-tab'

Members

SignatureDescription
@Input() id: number

[class] UiTabsModule

@NgModule

Exports:[ KitSlideModule, UiTabsComponent, UiTabsNavComponent, UiTabsTabComponent, UiTabsContentComponent, ]

[class] UiTabsComponent

@Component

Selector:'ui-tabs'

Members

SignatureDescription
@Input() activateFirst = true

Automatically activate first tab.

set active(active: KitSlideId)