feat: conditionally render search button in DocsHeader based on ShowSearch parameter, allowing for flexible display on different layouts

Author: Shewart

src/ShellDocs.Components/Chrome/DocsHeader.razor

@@ -63,14 +63,17 @@
         </nav>
 
         <div class="docs-header-actions">
-            <button type="button" class="docs-header-search" @onclick="OpenSearch" aria-label="Search">
-                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.35-4.35"/></svg>
-                <span class="docs-header-search-label">Search</span>
-                <span class="docs-header-kbd">
-                    <kbd>Ctrl</kbd>
-                    <kbd>K</kbd>
-                </span>
-            </button>
+            @if (ShowSearch)
+            {
+                <button type="button" class="docs-header-search" @onclick="OpenSearch" aria-label="Search">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.35-4.35"/></svg>
+                    <span class="docs-header-search-label">Search</span>
+                    <span class="docs-header-kbd">
+                        <kbd>Ctrl</kbd>
+                        <kbd>K</kbd>
+                    </span>
+                </button>
+            }
 
             <ThemeToggle />
 
@@ -87,6 +90,11 @@
 @implements IDisposable
 
 @code {
+    /* Search chip toggle. Marketing pages (HomeLayout) pass false — visitors
+       there aren't looking to grep docs. Docs pages (DocsLayout TopNav variant)
+       leave the default true. */
+    [Parameter] public bool ShowSearch { get; set; } = true;
+
     private const string DefaultIcon =
         "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"/></svg>";