# <tys-fit>

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

Source: https://docs.tryyoursize.com/reference/web/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-key`** (`string`, required): Your publishable key.
- **`product`** (`string`, required): Your product ID or SKU.
- **`locale`** (`string`, optional): BCP 47 language.
- **`demo-body`** (`string`, optional): Test keys only: demo mode on a sample body, e.g. `sample-female-165`.

## Example

**HTML**

```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>
```