Megamenu test

2024-03-09 17:54:27 +01:00
parent e274e4472b
commit 114dfed7cc
7 changed files with 3569 additions and 2 deletions
--- a/docs/components/navbar/examples/FwbNavbarExampleMegamenu.vue
+++ b/docs/components/navbar/examples/FwbNavbarExampleMegamenu.vue
@@ -0,0 +1,50 @@
+<template>
+<div class="vp-raw">
+    <fwb-navbar>
+        <template #logo>
+            <fwb-navbar-logo alt="Flowbite logo" image-url="https://flowbite.com/docs/images/logo.svg" link="https://www.google.com/">
+                Flowbite
+            </fwb-navbar-logo>
+        </template>
+        <template #default="{isShowMenu}">
+            <fwb-navbar-collapse :is-show-menu="isShowMenu">
+                <fwb-navbar-link is-active link="#">
+                    Home
+                </fwb-navbar-link>
+                <fwb-navbar-link link="#">
+                    Services
+                </fwb-navbar-link>
+                <fwb-mega-menu link="#">
+                    Company
+                </fwb-mega-menu>
+                <fwb-navbar-link link="#">
+                    Contact
+                </fwb-navbar-link>
+            </fwb-navbar-collapse>
+        </template>
+        <template #right-side>
+            <fwb-button>
+                Get started
+            </fwb-button>
+        </template>
+        <template #mega-menu-dropdown>
+            <fwb-mega-menu-dropdown />
+        </template>
+    </fwb-navbar>
+
+</div>
+</template>
+
+  
+  
+<script setup>
+import {
+    FwbButton,
+    FwbNavbar,
+    FwbNavbarCollapse,
+    FwbNavbarLink,
+    FwbNavbarLogo,
+    FwbMegaMenu,
+    FwbMegaMenuDropdown,
+} from '../../../../src/index'
+</script>