Merge pull request #893 from livewire/add-toggleable-tooltip

Add `toggleable` prop to tooltip
livewire · Dec 19, 2024 · f330fb6 · f330fb6
2 parents 7dfe89f + 6851d5f
commit f330fb6
Showing 1 changed file with 17 additions and 6 deletions.
diff --git a/stubs/resources/views/flux/tooltip/index.blade.php b/stubs/resources/views/flux/tooltip/index.blade.php
@@ -4,12 +4,23 @@
     'align' => 'center',
     'content' => null,
     'kbd' => null,
+    'toggleable' => null,
 ])
 
-<ui-tooltip position="{{ $position }} {{ $align }}" {{ $attributes }} data-flux-tooltip @if ($interactive) interactive @endif>
-    {{ $slot }}
+<?php if ($toggleable): ?>
+    <ui-dropdown position="{{ $position }} {{ $align }}" {{ $attributes }} data-flux-tooltip>
+        {{ $slot }}
 
-    <?php if ($content !== null): ?>
-        <flux:tooltip.content :$kbd>{{ $content }}</flux:tooltip.content>
-    <?php endif; ?>
-</ui-tooltip>
+        <?php if ($content !== null): ?>
+            <flux:tooltip.content :$kbd>{{ $content }}</flux:tooltip.content>
+        <?php endif; ?>
+    </ui-dropdown>
+<?php else: ?>
+    <ui-tooltip position="{{ $position }} {{ $align }}" {{ $attributes }} data-flux-tooltip @if ($interactive) interactive @endif>
+        {{ $slot }}
+
+        <?php if ($content !== null): ?>
+            <flux:tooltip.content :$kbd>{{ $content }}</flux:tooltip.content>
+        <?php endif; ?>
+    </ui-tooltip>
+<?php endif; ?>