0.0.1 • Published 3 years ago

@caeher/nuxt-gallery v0.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

Nuxt Gallery

This is a simple image gallery for Nuxt3

Instalation

npm install --save-dev @caeher/nuxt-gallery

Setup

Add nuxt

export default defineNuxtConfig({
  modules: [
    '@caeher/nuxt-gallery'
  ],
  gallery: {
    // enabled: false // Disabled module
  },
})

Usage

<BasicGallery
    :images="images"
    rounded="lg"
    drop-shadow="lg"
    shadow="lg"
  />

Props

NameTypeDescription
imagesstring[]Images sources
roundedstring<'sm' | 'md' | 'lg' | 'xl' | 'none'>border-radius property
drop-shadowstring<'sm' | 'md' | 'lg' | 'xl' | 'none'>box-shadow property
shadowstring<'sm' | 'md' | 'lg' | 'xl' | 'none'>drop-shadow property

Example images prop structure

const images = [
  'https://example.com/image.png',
  ...
]

Development

  • Run npm run dev:prepare to generate type stubs.
  • Use npm run dev to start playground in development mode.
ImageGalleryNuxt3
@nuxt/kit
@everything-registry/sub-chunk-152@infinitebrahmanuniverse/nolb-_cae@zalastax/nolb-_cae
0.0.1

3 years ago