Section Galeri
Section galeri — grid seragam dengan lightbox dialog dan masonry kolom CSS.
Section galeri gambar untuk situs portofolio, agensi, atau venue. Masing-masing adalah Svelte
<section> mandiri selebar penuh yang dibangun hanya dari token semantik, sehingga gayanya
berganti di setiap tema. Coba pengalih tema di atas preview.
Preview
Gallery
A look at the work, the space and the people behind it.
In pictures
Moments from the studio, the road and everything in between.
Install
bun x bosia@latest add block gallery/grid
bun x bosia@latest add block gallery/masonrygrid menarik ui/dialog untuk lightbox-nya.
Blok-bloknya
grid— thumbnail persegi seragam; klik salah satu untuk membuka foto penuh dalam lightbox dialog.masonry— foto beragam tinggi mengalir dalam kolom CSS — tanpa JavaScript, tanpa library.
Penggunaan
<script lang="ts">
import Gallery from "$lib/blocks/gallery/grid/block.svelte";
</script>
<Gallery />Kedua blok membawa foto contoh sehingga langsung tampil. Untuk fotomu sendiri, kirim images —
array { src, alt } (grid juga menerima caption opsional yang tampil di lightbox) — plus
heading dan intro untuk teksnya. Padukan dengan feature file-upload
jika gambarnya berasal dari penyimpananmu sendiri.
Sumber
src/lib/blocks/gallery/*/block.svelte