1. Where you wrap your app in <DepictProvider>, import and pass in the ClassicSearchModal into the search property, as searchModalComponent.
import { DepictProvider, ClassicSearchModal } from "@depict-ai/react-ui";

return (
  <DepictProvider
    // … other properties
    search={{
      // … other search configuration
      searchModalComponent: ClassicSearchModal,
    }}
  >
    <div className="App">...</div>
  </DepictProvider>
);
  1. Where you import the Depict UI SCSS, set the $search-modal-layout variable to "classic".
@use "@depict-ai/react-ui" as plp-styling with (
  $search-modal-layout: "classic"
);

Was this page helpful?

Switching to the classic search modal (JS-UI)Depict UI migration v2 -> v3