vue-nav-tabs

(WIP) Vue-tabs

Demo

Basic demo WIP

Usage

Vue.use(VueTabs)

<vue-tabs>
    <tab-content title="First tab">
      First tab content
    </tab-content>

    <tab-content title="Second tab">
      Second tab content
    </tab-content>

    <tab-content title="Third tab">
      Third tab content
    </tab-content>
</vue-tabs>

Props

Vue-tabs props

props: {
  title: {
    type: String,
    default: ''
  },
  /***
   * Icon name for the upper circle corresponding to the tab
   * Supports themify icons only for now.
   */
  icon: {
    type: String,
    default: ''
  },
  /***
   * Function to execute before tab switch. Return value must be boolean
   * If the return result is false, tab switch is restricted
   */
  beforeChange: {
    type: Function
  },
  route: {
    type: [String, Object]
  }
}

Tab-content props

props: {
  startIndex: {
    type: Number,
    default: 0
  }
}