JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 12
  • Score
    100M100P100Q69537F
  • License SEE LICENSE IN LICENSE.md

A web component for body measurements and size recommendations

Package Exports

  • xactsize-webcomponents

Readme

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>