doc(Tabs/TabMenu): add missing Tabs component to sample code

pull/5838/head
Michael Meier 2024-05-31 11:17:41 +02:00 committed by Tuğçe Küçükoğlu
parent 3efe61c605
commit 40e42c1f69
1 changed files with 36 additions and 30 deletions

View File

@ -30,6 +30,7 @@ export default {
],
code: {
basic: `
<Tabs value="/dashboard">
<TabList>
<Tab v-for="tab in items" :key="tab.label" :value="tab.route">
<router-link v-if="tab.route" v-slot="{ href, navigate }" :to="tab.route" custom>
@ -40,10 +41,12 @@ export default {
</router-link>
</Tab>
</TabList>
</Tabs>
`,
options: `
<template>
<div class="card">
<Tabs value="/dashboard">
<TabList>
<Tab v-for="tab in items" :key="tab.label" :value="tab.route">
<router-link v-if="tab.route" v-slot="{ href, navigate }" :to="tab.route" custom>
@ -54,6 +57,7 @@ export default {
</router-link>
</Tab>
</TabList>
</Tabs>
</div>
</template>
@ -75,6 +79,7 @@ export default {
composition: `
<template>
<div class="card">
<Tabs value="/dashboard">
<TabList>
<Tab v-for="tab in items" :key="tab.label" :value="tab.route">
<router-link v-if="tab.route" v-slot="{ href, navigate }" :to="tab.route" custom>
@ -85,6 +90,7 @@ export default {
</router-link>
</Tab>
</TabList>
</Tabs>
</div>
</template>