npm.io
0.1.3 • Published 3 years ago

vue-modal-images

Licence
—
Version
0.1.3
Deps
0
Size
2.4 MB
Vulns
0
Weekly
0
SummaryDependencyVersions

vue-modal-image

Features

  • Zero dependencies.
  • Esc, Enter & click outside the image close the lightbox
  • User can zoom & move the image or download the highest quality one
  • Download, Zoom and Rotate -buttons can be hidden.
  • Image alt shown as title

Simple API

Getting started

Installation
npm install vue-modal-image

Add dependencies to your main.js:

import Vue from 'vue'
import ModalImage from 'vue-modal-image'

Vue.use(ModalImage)

Add the global component to your App.vue:

<ModalImage ext="https://i.imgur.com/" source="V4fWcfi.jpg" description="description" hideDownload />;
Prop Type Description
alt String Optional. alt for the the heading text in image.
description String Optional. description for the the description text in ModalImage.
ext URL ext for the image.
source URL source for the image.
hideDownload boolean Optional. Set to false to hide download-button from the ModalImage.
hideZoom boolean Optional. Set to false to hide zoom-button from the ModalImage.
hideZoom boolean Optional. Set to false to show rotate-button within the ModalImage.