Skip to main content

​
Overview

Photo Gallery is a component designed to showcase images in an elegant, animated layout. Perfect for displaying team photos, portfolios, or image collections.

​
Usage

<template>
  <PhotoGallery
    :items="photos"
    containerClass="custom-container"
    class="custom-gallery"
  />
</template>

<script setup>
const photos = [
  { src: '/photo1.jpg' },
  { src: '/photo2.jpg' },
  { src: '/photo3.jpg' }
]
</script>

​
API Reference

​
Props

Prop NameTypeDefaultDescription
items"[{src: string}]"[]Pass items / image src to animate
containerClassstring""Additional tailwind CSS classes for container styling.
classstring""Additional tailwind CSS classes for custom styling.

​
Credits

Build docs developers (and LLMs) love

Get started for freeTalk to us