@angularforge/gallery

Gallery Playground

Tweak the options and watch @angularforge/gallery update live.

GitHub npm

Live preview

Click an image to open the lightbox. Use ← → and Escape to navigate.

Generated options
options: GalleryOptions = {
  layout: { distribution: '1/2', orientation: 'vertical' },
  allPictureBtnPosition: 'bottom-right',
  iconFamily: 'heroicons',
  showControls: true,
  showCount: true,
  showShareBtn: true,
  showBullets: false,
  showAllPicturesBtn: true,
  fullGallery: false,
  allowDownload: false,
  closeOnBackdropClick: false,
  autoPlay: false,
  autoPlayPauseOnHover: false,
};