Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators. To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words. If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual languages. Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link
  • Custom Tabs HTML Header Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. HTML Header 2 The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators. To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words. If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual languages. Dropdown
  • Action
  • Another action
  • Something else here
  • Separated link
  • <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.