Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

gallery-vue3

Package Overview
Dependencies
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

gallery-vue3

Gallery vue 3 is a gallery component, which aims to simplify your content displaying. You just give the image source to prop than it handles everything.

  • 0.0.8
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
2
Maintainers
1
Weekly downloads
 
Created
Source

Gallery vue 3 is a gallery component, which aims to simplify your content displaying. You just give the image source to prop than it handles everything.

Demo Gif

Installation

yarn add gallery-vue3

# or

npm install gallery-vue3

There are two options avialable to use this component

As Component

import 'gallery-vue3/dist/gallery-vue3.css'

import Gallery from 'gallery-vue3'

export default {
  install(app) {
    app.component('Gallery', Gallery)
  }
}

By Import

import 'gallery-vue3/dist/gallery-vue3.css'
import Gallery from 'gallery-vue3'

You must import css files above import statements otherwise component will not correctly render

Keyboard Functionality

  • On press right arrow you can swipe to right.
  • On press left arrow you can swtipe to left.
  • On press esc you can close gallery.

Usage

https://stackblitz.com/edit/vue-ta6vut?file=src%2FApp.vue

Todo List

  • Adding width and height prop for image rendering
  • Refactor with Typescript
  • Publishing React version
  • Fullscreen option
  • Adding image download functionality
  • Adding github workflow for when issue created send a discord notification

FAQs

Package last updated on 05 Sep 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc