Gallery

A simple gallery component to display images.

Installation

Usage

<script lang="ts">
    import { Gallery } from "$lib/components/ori/gallery";
    const images = [
        { src: "https://picsum.photos/seed/1/800/600", alt: "Image 1" },
        { src: "https://picsum.photos/seed/2/800/600", alt: "Image 2" },
        { src: "https://picsum.photos/seed/3/800/600", alt: "Image 3" },
    ];
</script>

<Gallery {images} />

Props

Prop	Type	Default	Description
images	Image[]	[]	Array of image objects to render inside the slider
class	string	”	Additional Tailwind classes for custom container styling

Image Object Props

Property	Type	Description
src	string	Image URL or path
alt	string	Alt text for accessibility