xactsize-webcomponent

A lightweight Web Component for precise body measurements and size recommendations in web applications, built with Lit.

Installation

With NPM

npm install xactsize-webcomponent

<body-measurer culture="pt-BR" product-name="Calça Legging" skus='[{"dimensions":{"Size":"S"},"measures":{"height":39,"length":78,"width":78}},{"dimensions":{"Size":"M"},"measures":{"height":40,"length":82,"width":82}}]'></body-measurer>
<script type="module">
    import { BodyMeasurer } from 'xactsize-webcomponent';
    // The component is automatically registered via @customElement
</script>

With CDN

<body-measurer culture="pt-BR" product-name="Calça Legging" skus='[{"dimensions":{"Size":"S"},"measures":{"height":39,"length":78,"width":78}},{"dimensions":{"Size":"M"},"measures":{"height":40,"length":82,"width":82}}]'></body-measurer>
<script type="module" src="https://cdn.jsdelivr.net/npm/xactsize-webcomponents@1.0.3/dist/body-measurer.es.js"></script>