Gallery Live Demo

Live Demo

Code Preview

  <div class="your-outer-container">
    <Gallery
      :items="items"
    />
  </div>

  <script>
    import Gallery from './components/Gallery.vue'
    import "@abi-software/gallery/dist/style.css";

    export default {
      components: { Gallery },
      data: function () {
        return {
          items: [
            {
              title: 'test1',
              type: 'data',
              userData: 'https://sparc.science/',
            },
            {
              title: 'test2',
              type: 'data',
              link: 'https://sparc.science/',
            },
            {
              title: 'test3',
              type: 'data',
              link: 'https://sparc.science/',
            },
          ]
        }
      }
    }
  </script>