Image viewer
Say hello to a sleek and user-friendly Image Viewer built with Angular Material! 🎉
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.
- ✅ Zoom: Let users explore images in detail.
- ✅ Angular Material Integration: Fits seamlessly into your Material-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
emrImageViewer directive - tracks clicks on images inside and opens a modal window for viewing.
emrImageViewerPicture directive - adds an image and customizes the source image that will be displayed in the modal window.
emrImageViewerPictureTitle directive - adds a title to an image modal.
emrImageViewerPictureCaption directive - adds a caption to an image modal.
emrImageViewerPictureDescription directive - adds a description to an image modal.
Properties for the emrImageViewerPicture 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 | – |