Customization

You can change theme colors such as:

Auth color customization Aggregate color customization

Declaring theme object and encoding it as a URI component.

const theme = {
  colorPrimary: "#7D00FF",
  colorBgLayout: "#F5F7FE",
  colorBgContainer: "#FFFFFF",
  primaryColor: "#FFFFFF",
  defaultColor: "#000000",
  colorText: "#000000",
  colorBgTextHover: "#0000000f",
  defaultBg: "#FFFFFF",
};

Append the URL parameter theme to your sdk link.

const SDK_LINK = new URL(sdkLink);
SDK_LINK.searchParams.set("theme", JSON.stringify(theme));

<iframe src="{SDK_LINK}" />;

Radio buttons option

Lists looks as below by default:

Lists appearance

You can change the lists appearance appending URL parameter radio_buttons=true to your sdk link.

const SDK_LINK = new URL(sdkLink);
SDK_LINK.searchParams.set("radio_buttons", true);

<iframe src="{SDK_LINK}" />;

Lists will look as below:

Lists appearance