Web component wrapper around custom animated checkbox (from codepen)

scratch-box

scratch-box is a web component wrapper around the "CUSTOM ANIMATED CHECKBOXES" codepen by Sara Soueidan.

To use from CDN:

        <scratch-box>
            <span slot=labelTxt>Create demo</span>
        </scratch-box>
        <scratch-box>
            <span slot=labelTxt>Write article</span>
        </scratch-box>
        <scratch-box>
            <span slot=labelTxt>Excercise</span>
        </scratch-box>
        <style>
                @import url(https://fonts.googleapis.com/css?family=Indie+Flower);
            </style>
        <script type="module" src="https://unpkg.com/scratch-box@0.0.2/scratch-box.js?module"></script>
    </div>

or

        <scratch-box>
            <span slot=labelTxt>Create demo</span>
        </scratch-box>
        <scratch-box>
            <span slot=labelTxt>Write article</span>
        </scratch-box>
        <scratch-box>
            <span slot=labelTxt>Excercise</span>
        </scratch-box>
        <style>
                @import url(https://fonts.googleapis.com/css?family=Indie+Flower);
            </style>
        <script type="module" src="https://cdn.pika.dev/scratch-box"></script>
    </div>

Or

npm install -s scratch-box

Demo

Install

Link to this version
ImportedReleased 21 September 2019MIT License
Framework Support
Browser Independent
Install with
npm install scratch-box"@0.0.3"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.0.3

Dependencies

  • trans-render#0.0.131
  • xtal-element#0.0.83
  • es-module-shims#0.4.5