add hover option on nav link for livewire navigate

2025-09-05 10:54:39 -10:00
parent ac4da06d91
commit 60abed0778
2 changed files with 17 additions and 4 deletions
@@ -1,13 +1,20 @@
@props([
    'label' => '',
    'link' => null,
-    'useNavigate' => true
+    'useNavigate' => true,
+    'hover' => false,
 ])

 <li>
    <a
-        class="whitespace-nowrap"
-        @if($link) href="{{ $link }}" @endif
-        @if($useNavigate) wire:navigate @endif
+            class="whitespace-nowrap"
+            @if($link) href="{{ $link }}" @endif
+            @if($useNavigate)
+                @if($hover)
+                    wire:navigate.hover
+            @else
+                wire:navigate
+            @endif
+            @endif
    >{{ $label }}</a>
 </li>