install

resources/views/vendor/filament-panels/components/topbar/item.blade.php

@@ -0,0 +1,50 @@
+@props([
+    'active' => false,
+    'activeIcon' => null,
+    'badge' => null,
+    'badgeColor' => null,
+    'badgeTooltip' => null,
+    'icon' => null,
+    'shouldOpenUrlInNewTab' => false,
+    'url' => null,
+])
+
+@php
+    $tag = $url ? 'a' : 'button';
+@endphp
+
+<li @class([
+    'fi-topbar-item',
+    'fi-active' => $active,
+])>
+    <{{ $tag }}
+        @if ($url)
+            {{ \Filament\Support\generate_href_html($url, $shouldOpenUrlInNewTab) }}
+        @else
+            type="button"
+        @endif
+        class="fi-topbar-item-btn"
+    >
+        @if ($icon || $activeIcon)
+            {{ \Filament\Support\generate_icon_html(($active && $activeIcon) ? $activeIcon : $icon, attributes: (new \Illuminate\View\ComponentAttributeBag)->class(['fi-topbar-item-icon'])) }}
+        @endif
+
+        <span class="fi-topbar-item-label">
+            {{ $slot }}
+        </span>
+
+        @if (filled($badge))
+            <x-filament::badge
+                :color="$badgeColor"
+                size="sm"
+                :tooltip="$badgeTooltip"
+            >
+                {{ $badge }}
+            </x-filament::badge>
+        @endif
+
+        @if (! $url)
+            {{ \Filament\Support\generate_icon_html(\Filament\Support\Icons\Heroicon::ChevronDown, alias: \Filament\View\PanelsIconAlias::TOPBAR_GROUP_TOGGLE_BUTTON, attributes: (new \Illuminate\View\ComponentAttributeBag)->class(['fi-topbar-group-toggle-icon'])) }}
+        @endif
+    </{{ $tag }}>
+</li>