Add Search Modal component (#7316)

Signed-off-by: rodmachen <rmachen@expediagroup.com>
2021-11-11 02:26:15 -06:00
parent f085a4fb67
commit 5dcea2586c
14 changed files with 417 additions and 5 deletions
@@ -109,6 +109,25 @@ const routes = (
 );
 ```

+### Using the Search Modal
+
+In `Root.tsx`, add the `SidebarSearchModal` component:
+
+```bash
+import { SidebarSearchModal } from '@backstage/plugin-search';
+
+export const Root = ({ children }: PropsWithChildren<{}>) => (
+  <SidebarPage>
+    <Sidebar>
+      <SidebarLogo />
+      <SidebarSearchModal />
+      <SidebarDivider />
+...
+```
+
+For more information about using `Root.tsx`, please see
+[the changelog](https://github.com/backstage/backstage/blob/master/packages/create-app/CHANGELOG.md#0315).
+
 ## Adding Search to the Backend

 Add the following plugins into your backend app: