scratch-box is a web component wrapper around the "CUSTOM ANIMATED CHECKBOXES" codepen by Sara Soueidan.
To use from CDN:
<scratch-box imp-h="scratch-box/root.html">
<span slot=labelTxt>Create demo</span>
</scratch-box>
<scratch-box>
<span slot=labelTxt>Write article</span>
</scratch-box>
<scratch-box>
<span slot=labelTxt>Exercise</span>
</scratch-box>
<script type="importmap">
{
"imports": {
"scratch-box/": "https://cdn.jsdelivr.net/npm/[email protected]/",
"be-bound/": "https://esm.sh/[email protected]/"
}
}
</script>
<script type=module src=https://esm.sh/[email protected] crossorigin="anonymous"></script>
<script type=module src=https://esm.sh/[email protected]/index.js crossorigin=anonymous></script>