- Where you wrap your app in
<DepictProvider>, import and pass in theClassicSearchModalinto thesearchproperty, assearchModalComponent.
- Where you import the Depict UI SCSS, set the
$search-modal-layoutvariable to"classic".
A note about bundle size (Advanced)
A note about bundle size (Advanced)
Because the new search modal is the default, it can’t be tree-shaken by default. However, if you want to use the old search modal and not have the new one included in your bundle, you can do the following:
- Set up your build system so you can inline/substitute envirnoment variables into your code. For example, with webpack, you can use the DefinePlugin.
- Ensure the expression
process.env.NO_SEARCH_MODAL_DEFAULTbecomes substituted to"true"(if you use parcel you can just set the environment variableNO_SEARCH_MODAL_DEFAULTtotruewhile building), this leads to your minifier being able to remove the new search modal from the bundle.

