@inkline/inkline
Version:
Inkline is the Vue.js UI/UX Library built for creating your next design system
72 lines (66 loc) • 1.46 kB
HTML
<i-tabs v-model="sm" size="sm">
<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>
<i-tabs v-model="md" size="md">
<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>
<i-tabs v-model="lg" size="lg">
<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>