toggle-element

Elegant, accessible toggle element. The prettiest checkbox you ever did see.

Usage no npm install needed!

<script type="module">
  import toggleElement from 'https://cdn.skypack.dev/toggle-element';
</script>

README

It's easy peasy

<!-- customElements polyfill (12.2KB) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/document-register-element/1.1.1/document-register-element.js"></script>

<!-- our custom element's source (6.3KB) -->
<script src="https://unpkg.com/toggle-element"></script>
<link href="https://unpkg.com/toggle-element/styles.css" rel="stylesheet">

<aaronshaf-toggle checked value="yes"></aaronshaf-toggle>

Check out the demo.