Disabled navigation image

docs-assets/app/app/Livewire/Panels/Navigation/DisabledNavigation.php

@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Livewire\Panels\Navigation;
+
+use Filament\Pages\Page;
+
+class DisabledNavigation extends Page
+{
+    protected static string $view = 'livewire.panels.navigation.disabled-navigation';
+
+    public function mount()
+    {
+        filament()
+            ->getCurrentPanel()
+            ->navigation(false);
+    }
+}

docs-assets/app/resources/views/livewire/panels/navigation/disabled-navigation.blade.php

@@ -0,0 +1,3 @@
+<div>
+
+</div>

docs-assets/app/routes/web.php

@@ -7,6 +7,7 @@ use App\Livewire\Forms\LayoutDemo as FormsLayoutDemo;
 use App\Livewire\Infolists\EntriesDemo;
 use App\Livewire\Infolists\LayoutDemo as InfolistsLayoutDemo;
 use App\Livewire\NotificationsDemo;
+use App\Livewire\Panels\Navigation\DisabledNavigation;
 use App\Livewire\Panels\Navigation\UserMenuCustomization;
 use App\Livewire\TablesDemo;
 use Illuminate\Support\Facades\Route;
@@ -40,5 +41,6 @@ Route::group(['prefix' => 'infolists'], function () {
 Route::group(['prefix' => 'panels'], function () {
     Route::group(['prefix' => 'navigation'], function () {
         Route::get('user-menu-customization', UserMenuCustomization::class);
+        Route::get('disabled-navigation', DisabledNavigation::class);
     });
 });

docs-assets/screenshots/schema.js

@@ -1936,6 +1936,18 @@ export default {
             await new Promise((resolve) => setTimeout(resolve, 500))
         },
     },
+    'panels/navigation/disabled-navigation': {
+        url: 'panels/navigation/disabled-navigation',
+        selector: 'body',
+        viewport: {
+            width: 1080,
+            height: 640,
+            deviceScaleFactor: 0,
+        },
+        crop: (image) => {
+            return image.extract({ width: 1080, height: 540, left: 0, top: 0 })
+        },
+    },
     'tables/example': {
         url: 'tables?table=example',
         selector: 'body',

packages/panels/docs/06-navigation.md

@@ -420,6 +420,8 @@ public function panel(Panel $panel): Panel
 }
 ```
 
+<AutoScreenshot name="panels/navigation/disabled-navigation" alt="Disabled navigation sidebar" version="3.x" />
+
 ### Disabling the topbar
 
 You may disable topbar entirely by passing `false` to the `topbar()` method: