add docs on search button

README.md

@@ -260,6 +260,33 @@ export default function Layout() {
 }
 ```
 
+Use `KBarButton` to add a button which toggles the command palette on click event.
+
+```tsx
+import { KBarButton } from 'pliny/search/KBarButton'
+
+export default function SearchButton() {
+  return (
+    <KBarButton aria-label="Search Content">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        strokeWidth={1.5}
+        stroke="currentColor"
+        className="w-6 h-6"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
+        />
+      </svg>
+    </KBarButton>
+  )
+}
+```
+
 #### Algolia
 
 ```tsx
@@ -281,6 +308,33 @@ export default function Layout() {
 }
 ```
 
+Use `AlgoliaButton` to add a button which toggles the command palette on click event.
+
+```tsx
+import { AlgoliaButton } from 'pliny/search/AlgoliaButton'
+
+export default function SearchButton() {
+  return (
+    <AlgoliaButton aria-label="Search Content">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        strokeWidth={1.5}
+        stroke="currentColor"
+        className="w-6 h-6"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
+        />
+      </svg>
+    </AlgoliaButton>
+  )
+}
+```
+
 ### MDX plugins
 
 Add the plugins to `remarkPlugins` in contentlayer or other MDX processors.