From 4ae0f268b3ba46f56abeda6df80df1f24802524c Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 24 Oct 2024 21:18:31 +0300
Subject: [PATCH] Add doc

---
 apps/showcase/doc/menubar/AdvancedDoc.vue | 9 +++++++++
 apps/showcase/pages/menubar/index.vue     | 6 ++++++
 2 files changed, 15 insertions(+)
 create mode 100644 apps/showcase/doc/menubar/AdvancedDoc.vue

diff --git a/apps/showcase/doc/menubar/AdvancedDoc.vue b/apps/showcase/doc/menubar/AdvancedDoc.vue
new file mode 100644
index 000000000..052e6b873
--- /dev/null
+++ b/apps/showcase/doc/menubar/AdvancedDoc.vue
@@ -0,0 +1,9 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>
+            Menubar is a simple horizontal navigation component, for advanced use cases consider <a href="https://primeblocks.org/marketing/navbar" target="_blank" rel="noopener noreferrer">Marketing</a> and
+            <a href="https://primeblocks.org/application/navbar" target="_blank" rel="noopener noreferrer">Application</a> NavBars in PrimeBlocks or <a href="https://primevue.org/templates" target="_blank" rel="noopener noreferrer">templates</a> with
+            horizontal menus in application templates.
+        </p>
+    </DocSectionText>
+</template>
diff --git a/apps/showcase/pages/menubar/index.vue b/apps/showcase/pages/menubar/index.vue
index 7e0f2c21b..76c6025b2 100755
--- a/apps/showcase/pages/menubar/index.vue
+++ b/apps/showcase/pages/menubar/index.vue
@@ -12,6 +12,7 @@
 
 <script>
 import AccessibilityDoc from '@/doc/menubar/AccessibilityDoc.vue';
+import AdvancedDoc from '@/doc/menubar/AdvancedDoc.vue';
 import BasicDoc from '@/doc/menubar/BasicDoc.vue';
 import CommandDoc from '@/doc/menubar/CommandDoc.vue';
 import ImportDoc from '@/doc/menubar/ImportDoc.vue';
@@ -34,6 +35,11 @@ export default {
                     label: 'Basic',
                     component: BasicDoc
                 },
+                {
+                    id: 'advanced',
+                    label: 'Advanced',
+                    component: AdvancedDoc
+                },
                 {
                     id: 'template',
                     label: 'Template',