@inkline/inkline/src/components/ITabs/examples/basic.html

Inkline is the Vue.js UI/UX Library built for creating your next design system

<i-tabs v-model="active">
    <template #header>
        <i-tab-title for="tab-1">
            Tab 1
        </i-tab-title>
        <i-tab-title for="tab-2">
            Tab 2
        </i-tab-title>
        <i-tab-title for="tab-3">
            Tab 3
        </i-tab-title>
    </template>

    <i-tab name="tab-1">
        Tab 1 content
    </i-tab>
    <i-tab name="tab-2">
        Tab 2 content
    </i-tab>
    <i-tab name="tab-3">
        Tab 3 content
    </i-tab>
</i-tabs>