Simple vue.js 2.0 tab component
https://jsfiddle.net/mikemenaker/c5941ygx/
npm i vtabs --save
<!-- In <head> -->
<meta rel="stylesheet" href="https://unpkg.com/vtabs/dist/vtabs.css">
<!-- In <body>, after Vue import -->
<script src="https://unpkg.com/vtabs/dist/vtabs.js"></script>
In your index file
import vTabs from 'vtabs'
Vue.use(vTabs)
<script>
Vue.use(Tabs)
new Vue({
// ...
})
</script>
- title
- String
- isActive
- Boolean
<div id="app">
<tabs>
<tab title="A">
<p>Content A</p>
</tab>
<tab title="B">
<div>Content B</div>
</tab>
<tab title="C" :is-active="true">
<p>Content C</p>
</tab>
</tabs>
</div>