tys.elements()

Method@tryyoursize/sdk

Creates an elements group: the appearance and language shared by the elements you create from it.

elements(options?: ElementsOptions): Elements;

Parameters

optionsElementsOptionsOptional

Properties

appearanceAppearanceOptional

Look and feel. By default (theme: "inherit") elements take your page's font and colours. See Appearance(/reference/web/appearance/).

localeLocaleOptional

Returns

Elements: An Elements group: create(), getElement(), update().

Example

JavaScriptReact

const elements = tys.elements({
  appearance: { variables: { colorPrimary: "#3b2f26", borderRadius: 10 } },
  locale: "auto",
});

<TryYourSizeProvider
  publishableKey="pk_test_…"
  options={{ appearance: { variables: { colorPrimary: "#3b2f26", borderRadius: 10 } } }}
>