elements.update()

Method@tryyoursize/sdk

Live update, e.g. when the shop switches to dark mode.

Mounted elements and an open window restyle at once; nothing reloads.

update(options: ElementsOptions): void;

Parameters

optionsElementsOptionsRequired

Properties

appearanceAppearanceOptional

Look and feel; by default the elements inherit the page's font and colours.

localeLocaleOptional

Examples

Follow your dark mode

JavaScriptReact

const dark = matchMedia("(prefers-color-scheme: dark)");
dark.addEventListener("change", () =>
  elements.update({ appearance: { theme: "inherit" } }), // re-reads your page's colours
);

// The provider calls elements.update() when options.appearance changes.
<TryYourSizeProvider publishableKey="pk_test_…" options={{ appearance: dark ? darkAppearance : lightAppearance }}>

See also

• Appearance and theming