Image viewer

Say hello to a sleek and user-friendly Image Viewer built with ! 🎉

With this component, you can easily add **interactive image viewing** to your web app. It’s designed to look great and work smoothly across all devices.

Key Features:

✅ Zoom: Let users explore images in detail.
✅ Integration: Fits seamlessly into your -based projects.
✅ Responsive Design: Perfect for any screen size.
✅ Lightweight and Fast: No unnecessary bloat—just what you need!

Whether you’re building a gallery, product showcase, or a creative portfolio, this Image Viewer will take your UI to the next level.

👉 Boost your app’s visuals with ease—try it today!

Basic image viewer

Image viewer with caption and description

Image viewer with title

API Reference

ngsImageViewer directive - tracks clicks on images inside and opens a modal window for viewing.

ngsImageViewerPicture directive - adds an image and customizes the source image that will be displayed in the modal window.

ngsImageViewerPictureTitle directive - adds a title to an image modal.

ngsImageViewerPictureCaption directive - adds a caption to an image modal.

ngsImageViewerPictureDescription directive - adds a description to an image modal.

Properties for the ngsImageViewerPicture directive.

Prop	Type	Default
sourceUrl^* Url to source image	string	–
title Title for an image, it shows on top of an image	string	–
caption Caption for an image, it shows in a modal sidebar in a header	string	–
description Description for an image, it shows in a modal sidebar below caption	string	–