<div id="root">
  <p>Selected tab is {{active}}</p>
  <amber-tabs
    v-on:change="updateData"
    v-bind:active="active"
    labels="One, Two"
  ></amber-tabs>
</div>
const app = new Vue({
  el: '#root',
  data: {
    active: 0
  },
  methods: {
    updateData: function(evt) {
      this.active = evt.detail.active;
    } 
  }
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.22/vue.min.js
  2. https://unpkg.com/@amber-ds/[email protected]/tabs.js