svelte-image-gallery

A Masonry-Like Image Container for Svelte

See On REPL

Installation

npm install --save-dev svelte-image-gallery

Usage

<script>
    import Gallery from 'svelte-image-gallery'

    function handleClick(e) {
        console.log(e.detail.url)
    }
</script>

<Gallery on:click={handleClick}>
    <img src="..." />
    <img src="..." />
    ...
</Gallery>

Running Locally

• Clone the repository
• Open example folder in terminal
• Run npm i, then npm run dev

Parameters

To access the image url on click, use the on:click directive in the Gallery component.

Created By Berkin AKKAYA