diff --git a/svelte/src/components/Filemanager.svelte b/svelte/src/components/Filemanager.svelte
index 7d3517b..849ab95 100644
--- a/svelte/src/components/Filemanager.svelte
+++ b/svelte/src/components/Filemanager.svelte
@@ -39,6 +39,7 @@
 			return `https://cdn.svar.dev/icons/filemanager/vivid/${size}/${icon}.svg`;
 		},
 		previews = null,
+		hideSidebar = false,
 		...restProps
 	} = $props();
 
@@ -119,6 +120,6 @@
 
 <Locale words={en} optional={true}>
 	<Modals>
-		<Layout {readonly} {menuOptions} {extraInfo} />
+		<Layout {readonly} {menuOptions} {extraInfo} {hideSidebar} />
 	</Modals>
 </Locale>
diff --git a/svelte/src/components/Layout.svelte b/svelte/src/components/Layout.svelte
index 107c85a..6e46cf0 100644
--- a/svelte/src/components/Layout.svelte
+++ b/svelte/src/components/Layout.svelte
@@ -14,7 +14,12 @@
 	import TableView from "./Table/View.svelte";
 	import CardsView from "./Cards/View.svelte";
 
-	let { readonly = false, menuOptions, extraInfo } = $props();
+	let {
+		readonly = false,
+		menuOptions,
+		extraInfo,
+		hideSidebar: hideSidebarProp = false,
+	} = $props();
 
 	let sidebarWidth = $state();
 
@@ -231,6 +236,7 @@
 								class:wx-sidebar-narrow={narrowMode}
 								class:wx-sidebar-visible={showSidebar}
 								bind:clientWidth={sidebarWidth}
+								hidden={hideSidebarProp}
 							>
 								<Sidebar {readonly} {menuOptions} />
 							</div>