UI: Fix hideSearch option

fuma-nama · Jan 4, 2025 · 18b00c1 · 18b00c1
1 parent 41aa3d5
commit 18b00c1
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/.changeset/rare-maps-pull.md b/.changeset/rare-maps-pull.md
@@ -0,0 +1,5 @@
+---
+'fumadocs-ui': patch
+---
+
+Fix `hideSearch` option
diff --git a/packages/ui/src/layouts/docs.tsx b/packages/ui/src/layouts/docs.tsx
@@ -66,6 +66,7 @@ export function DocsLayout({
     banner: sidebarBanner,
     footer: sidebarFooter,
     components: sidebarComponents,
+    hideSearch: sidebarHideSearch,
     ...sidebar
   } = {},
   i18n = false,
@@ -120,7 +121,7 @@ export function DocsLayout({
         >
           {collapsible ? (
             <SidebarCollapseTrigger
-              className="fixed bottom-3 z-30 data-[collapsed=false]:invisible max-md:hidden"
+              className="fixed bottom-3 z-30 data-[collapsed=false]:hidden max-md:hidden"
               style={{
                 insetInlineStart: 'calc(var(--fd-layout-offset) + 0.5rem)',
               }}
@@ -141,9 +142,11 @@ export function DocsLayout({
                 {tabs.length > 0 ? (
                   <RootToggle options={tabs} className="-mx-2" />
                 ) : null}
-                <SearchOnly>
-                  <LargeSearchToggle className="rounded-lg max-md:hidden" />
-                </SearchOnly>
+                {!sidebarHideSearch ? (
+                  <SearchOnly>
+                    <LargeSearchToggle className="rounded-lg max-md:hidden" />
+                  </SearchOnly>
+                ) : null}
               </SidebarHeader>
               <SidebarViewport>
                 <div className="pt-4 empty:hidden md:hidden">

diff --git a/packages/ui/src/layouts/docs/shared.tsx b/packages/ui/src/layouts/docs/shared.tsx
@@ -38,7 +38,7 @@ export interface SidebarOptions extends SidebarProps {
   footer?: ReactNode;
 
   /**
-   * Hide search trigger
+   * Hide search trigger. You can also disable search for the entire site from `<RootProvider />`.
    *
    * @defaultValue false
    */