https://github.com/itemconsulting/popover-gallery

Custom component for creating a progresively enhanced gallery based on links to larger images
https://github.com/itemconsulting/popover-gallery

Last synced: about 2 months ago
JSON representation

Custom component for creating a progresively enhanced gallery based on links to larger images

• Host: GitHub
• URL: https://github.com/itemconsulting/popover-gallery
• Owner: ItemConsulting
• License: mit
• Created: 2024-06-24T10:16:47.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-08-29T12:25:27.000Z (4 months ago)
• Last Synced: 2024-10-31T16:50:59.188Z (2 months ago)
• Language: TypeScript
• Size: 3.38 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Custom component for animating opening an image link in a popover

[![npm version](https://badge.fury.io/js/@itemconsulting%2Fpopover-gallery.svg)](https://badge.fury.io/js/@itemconsulting%2Fpopover-gallery)

A custom elements that replaces links to images with buttons that opens that image in a popover.

## Usage

Register the custom element with JavaScript.

```javascript

import PopoverGallery from "@itemconsulting/popover-gallery";

if (!window.customElements.get("popover-gallery")) {

  window.customElements.define("popover-gallery", PopoverGallery);

}

```

Use the custom element to wrap a set of images in links.

```html

  

    

  

  

    

  

```