JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.js"></script>
<script src="https://rawgit.com/cristijora/vue-tabs/master/dist/vue-tabs.js"></script>
<link rel="stylesheet" href="https://rawgit.com/cristijora/vue-tabs/master/dist/vue-tabs.min.css">
<link rel="stylesheet" href="https://rawgit.com/lykmapipo/themify-icons/master/css/themify-icons.css">
<div id="app">
 <vue-tabs active-tab-color="#e74c3c" 
           active-text-color="white"
           type="pills"
           text-position="bottom"
           centered
 >
    <v-tab title="First tab" icon="ti-user">
      First tab content
    </v-tab>

    <v-tab title="Second tab" icon="ti-settings">
      Second tab content
    </v-tab>

    <v-tab title="Third tab" icon="ti-check">
      Third tab content
    </v-tab>
</vue-tabs>

</div>

JavaScript

new Vue({
  el:"#app",
})