Documentation

[milesje]

Can you create some documentation to use this element?
I would like to utilize this element in my site but I am unable to get it to function they way I want.

I am using it like this:
<sc-photoswipe id="psAwannas" items="{{awana_images}}"></sc-photoswipe>

this.awana_images = [
          {
            thumbnail: "/images/hpbc/awanas/thumbnails/awanas_2016_eoy_1_tn.jpg",
            src: "/images/hpbc/awanas/awanas_2016_eoy_1.jpg",
            w: 100,
            h: 75
          },
          {
            thumbnail: "/images/hpbc/awanas/thumbnails/awanas_2016_eoy_2_tn.jpg",
            src: "/images/hpbc/awanas/awanas_2016_eoy_2.jpg",
            w: 100,
            h: 75
          }
        ];

The thumbnails are displayed on the site, but do not follow the width and height that I have set. and clicking on one of the images just opens the image in a new tab instead of display a lightbox with controls.

[h0adp0re]

I would like to see some more detailed docs as well.