Tabs

• Demo
• Props
• Events

Demo

• Tab 1
• Tab 2
• Tab 3

Selected tab: 1

  <nav class="navigation">
    <tabs :tabs="tabs" v-model="tab"></tabs>
  </nav>

  <div class="content">
    Selected tab: {{ tab }}
  </div>

Props

tabs	Type Array Description An array representing the tabs ([{ id: 1, name: 'Tab 1', disabled: false }])

active

Type Number, String Description The id of the active tab

type	Type String Default tabs Description Can be one of: tabs, pills

stacked

Type Boolean Default false Description Should the tabs be stacked?

preselect-first-tab

Type Boolean Default true Description Preselect the first tab if an active tab isn't specified

Events

selected

Parameters Active tab id (String, Number) Description Emitted when a tab gets selected