<tys-fit>

Web component@tryyoursize/sdk/elements

The inline element as a tag: sign-in and “your body is ready” in your page.

Attributes

publishable-keystringRequired

Your publishable key.

productstringRequired

Your product ID or SKU.

localestringOptional

BCP 47 language.

demo-bodystringOptional

Test keys only: demo mode on a sample body, e.g. sample-female-165.

Example

HTML

<tys-fit publishable-key="pk_test_…" product="STRAIGHT-JEANS"></tys-fit>
<script>
  document.querySelector("tys-fit").addEventListener("tys:size", (e) => selectVariant(e.detail.size));
</script>