diff --git a/doc/tabmenu/RouterDoc.vue b/doc/tabmenu/RouterDoc.vue
index d6d72fad1..8d07efab6 100644
--- a/doc/tabmenu/RouterDoc.vue
+++ b/doc/tabmenu/RouterDoc.vue
@@ -38,12 +38,38 @@ export default {
             ],
             code: {
                 basic: `
-<TabMenu :model="items" />
+<TabMenu :model="items">
+    <template #item="{ item, props }">
+        <router-link v-if="item.route" v-slot="{ href, navigate }" :to="item.route" custom>
+            <a v-ripple :href="href" v-bind="props.action" @click="navigate">
+                <span v-bind="props.icon" />
+                <span v-bind="props.label">{{ item.label }}</span>
+            </a>
+        </router-link>
+        <a v-else v-ripple :href="item.url" :target="item.target" v-bind="props.action">
+            <span v-bind="props.icon" />
+            <span v-bind="props.label">{{ item.label }}</span>
+        </a>
+    </template>
+</TabMenu>
 `,
                 options: `
 <template>
     <div class="card">
-        <TabMenu :model="items" />
+        <TabMenu :model="items">
+            <template #item="{ item, props }">
+                <router-link v-if="item.route" v-slot="{ href, navigate }" :to="item.route" custom>
+                    <a v-ripple :href="href" v-bind="props.action" @click="navigate">
+                        <span v-bind="props.icon" />
+                        <span v-bind="props.label">{{ item.label }}</span>
+                    </a>
+                </router-link>
+                <a v-else v-ripple :href="item.url" :target="item.target" v-bind="props.action">
+                    <span v-bind="props.icon" />
+                    <span v-bind="props.label">{{ item.label }}</span>
+                </a>
+            </template>
+        </TabMenu>
     </div>
 </template>
 
@@ -52,10 +78,15 @@ export default {
     data() {
         return {
             items: [
-                { label: 'Dashboard', icon: 'pi pi-home' },
-                { label: 'Transactions', icon: 'pi pi-chart-line' },
-                { label: 'Products', icon: 'pi pi-list' },
-                { label: 'Messages', icon: 'pi pi-inbox' }
+                { label: 'Router Link', icon: 'pi pi-home', route: '/tabmenu' },
+                {
+                    label: 'Programmatic',
+                    icon: 'pi pi-palette',
+                    command: () => {
+                        this.$router.push('/unstyled');
+                    }
+                },
+                { label: 'External', icon: 'pi pi-link', url: 'https://vuejs.org/' }
             ]
         }
     }
@@ -65,7 +96,20 @@ export default {
                 composition: `
 <template>
     <div class="card">
-        <TabMenu :model="items" />
+        <TabMenu :model="items">
+            <template #item="{ item, props }">
+                <router-link v-if="item.route" v-slot="{ href, navigate }" :to="item.route" custom>
+                    <a v-ripple :href="href" v-bind="props.action" @click="navigate">
+                        <span v-bind="props.icon" />
+                        <span v-bind="props.label">{{ item.label }}</span>
+                    </a>
+                </router-link>
+                <a v-else v-ripple :href="item.url" :target="item.target" v-bind="props.action">
+                    <span v-bind="props.icon" />
+                    <span v-bind="props.label">{{ item.label }}</span>
+                </a>
+            </template>
+        </TabMenu>
     </div>
 </template>
 
@@ -73,10 +117,15 @@ export default {
 import { ref } from "vue";
 
 const items = ref([
-    { label: 'Dashboard', icon: 'pi pi-home' },
-    { label: 'Transactions', icon: 'pi pi-chart-line' },
-    { label: 'Products', icon: 'pi pi-list' },
-    { label: 'Messages', icon: 'pi pi-inbox' }
+    {   { label: 'Router Link', icon: 'pi pi-home', route: '/tabmenu' },
+    {
+        label: 'Programmatic',
+        icon: 'pi pi-palette',
+        command: () => {
+            this.$router.push('/unstyled');
+        }
+    },
+    { label: 'External', icon: 'pi pi-link', url: 'https://vuejs.org/' }
 ]);
 <\/script>
 `