doc(Tabs/TabMenu): add missing Tabs component to sample code
parent
3efe61c605
commit
40e42c1f69
|
@ -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>
|
||||
|
||||
|
|
Loading…
Reference in New Issue