vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
doc/tabs/TabMenuDoc.vue
View File

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