It's an image comparison

"It's an image comparison" is a web component that compares 2 images

Getting started

CDN

To use a CDN all you need is to add the following code in the HTML page:

<script type="module" src="https://cdn.jsdelivr.net/gh/OmarCastro/its-an-image-comparison/dist/image-comparison.element.min.js?named=image-comparison"></script>

The query string named automatically registers the component with the value defined

NPM

If you wish to import from npm and use a bundler, you can install the its-an-image-comparison package

npm install its-an-image-comparison

Not all bundlers support query strings, it is recommended to import and register the component, like the following code:

import element from 'its-an-image-comparison'
customElements.define('image-comparison', element)

Documentation

This project uses Github page to show the documentation, it is in https://omarcastro.github.io/its-an-image-comparison