<mk-tabs header="Tabs text header">
<mk-tab header="Text Header">
Tab content.
</mk-tab>
<mk-tab header="Text Header 2">
Tab content 2.
</mk-tab>
</mk-tabs>
<mk-tabs>
<mk-tabs-header>Tabs HTML header</mk-tabs-header>
<mk-tab>
<mk-tab-header>HTML header</mk-tab-header>
<mk-tab-content>Content</mk-tab-content>
</mk-tab>
<mk-tab>
<mk-tab-header>HTML header 2</mk-tab-header>
<mk-tab-content>Content 2</mk-tab-content>
</mk-tab>
</mk-tabs>
Name | Type | Default | Description |
---|---|---|---|
activatedTabIndex | number | 0 | Defines if the tab index to be activated on load. |
header | string | null |
Header text of the tabs. Note: You can use <mk-tabs-header> for HTML header. |
headerStyleClass | string | header pull-left | Style class of the the header. |
navStyleClass | string | nav nav-tabs | Style class of the navigation bar. |
contentStyleClass | string | tab-content | Style class of the content. |
styleClass | string | nav-tabs-custom | Style class of the component. |
tabsColor | string | null | Defines the tabs menu color. |
Name | Parameters | Description |
---|---|---|
onClose | event.browserEvent: browser event event.index: The index of the closed tab. |
Callback to invoke when tab close. |
onOpen | event.browserEvent: browser event event.index: The index of the opened tab. |
Callback to invoke when tab open. |
Name | Type | Default | Description |
---|---|---|---|
header | string | null |
Header text of the tabs. Note: You can use <mk-tab-header> for HTML header. |
isDisabled | string | false | Defines if the tab content is openable. Note: Useful with dropdown for example. |
tabColor | string | null | Defines the tab menu color. |