feat(DocSearch): add DocSearch CSS class to DocSearch elements

francoischalifour · Jul 22, 2020 · 0e93615 · 0e93615
1 parent f3a5449
commit 0e93615
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/docsearch-react/src/DocSearchButton.tsx b/packages/docsearch-react/src/DocSearchButton.tsx
@@ -32,7 +32,12 @@ export const DocSearchButton = React.forwardRef<
   }, []);
 
   return (
-    <button type="button" className="DocSearch-Button" {...props} ref={ref}>
+    <button
+      type="button"
+      className="DocSearch DocSearch-Button"
+      {...props}
+      ref={ref}
+    >
       <SearchIcon />
       <span className="DocSearch-Button-Placeholder">Search</span>
 

diff --git a/packages/docsearch-react/src/DocSearchModal.tsx b/packages/docsearch-react/src/DocSearchModal.tsx
@@ -331,6 +331,7 @@ export function DocSearchModal({
         'aria-expanded': true,
       })}
       className={[
+        'DocSearch',
         'DocSearch-Container',
         state.status === 'stalled' && 'DocSearch-Container--Stalled',
         state.status === 'error' && 'DocSearch-Container--Errored',