To start out with the default styling, import the SDK styling into you SCSS file as follows:

SCSS
@use "@depict-ai/react-ui" as plp-styling;

@include plp-styling.default-theme("VALUE"); // Replace VALUE with "search", "category", or "all" depending on what you are integrating
// comment out below line if you're not using recommendations to save some bundle size
@include plp-styling.recommendations();

This includes all the default styling for all Depict Category Page UI components. You can also customize the SDK styling to fit your website’s specifications. For more information, see Modify and Customize Styling in the reference section.

Was this page helpful?

Transforming and enriching display dataSetting up your product card