diff --git a/docs-assets/app/app/Livewire/Panels/Navigation/DisabledNavigation.php b/docs-assets/app/app/Livewire/Panels/Navigation/DisabledNavigation.php
new file mode 100644
index 0000000000..06c682bcb6
--- /dev/null
+++ b/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);
+    }
+}
diff --git a/docs-assets/app/resources/views/livewire/panels/navigation/disabled-navigation.blade.php b/docs-assets/app/resources/views/livewire/panels/navigation/disabled-navigation.blade.php
new file mode 100644
index 0000000000..3a6cce8d18
--- /dev/null
+++ b/docs-assets/app/resources/views/livewire/panels/navigation/disabled-navigation.blade.php
@@ -0,0 +1,3 @@
+<div>
+
+</div>
\ No newline at end of file
diff --git a/docs-assets/app/routes/web.php b/docs-assets/app/routes/web.php
index 5137d7f756..b3be657f2b 100644
--- a/docs-assets/app/routes/web.php
+++ b/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);
     });
 });
diff --git a/docs-assets/screenshots/images/dark/panels/navigation/disabled-navigation.jpg b/docs-assets/screenshots/images/dark/panels/navigation/disabled-navigation.jpg
new file mode 100644
index 0000000000..3370bd4cd0
Binary files /dev/null and b/docs-assets/screenshots/images/dark/panels/navigation/disabled-navigation.jpg differ
diff --git a/docs-assets/screenshots/images/light/panels/navigation/disabled-navigation.jpg b/docs-assets/screenshots/images/light/panels/navigation/disabled-navigation.jpg
new file mode 100644
index 0000000000..2ffb0b3273
Binary files /dev/null and b/docs-assets/screenshots/images/light/panels/navigation/disabled-navigation.jpg differ
diff --git a/docs-assets/screenshots/schema.js b/docs-assets/screenshots/schema.js
index 52aa307b63..e61b4209d9 100644
--- a/docs-assets/screenshots/schema.js
+++ b/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',
diff --git a/packages/panels/docs/06-navigation.md b/packages/panels/docs/06-navigation.md
index b631784f38..23f955baf4 100644
--- a/packages/panels/docs/06-navigation.md
+++ b/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: