simple-astro-masonry-layout

An Astro component that creates a simple masonry layout, for educational purposes only.

Installation 📖

# You can intall with npm
npm install simple-astro-masonry-layout
# or with yarn
yarn add simple-astro-masonry-layout
# or with pnpm
pnpm add simple-astro-masonry-layout

Usage ⚙️

---
import SimpleAstroMasonryLayout from 'simple-astro-masonry-layout';
---

<SimpleAstroMasonryLayout  
  imagesArray={Array.from(
    { length: 112 },
    (_, i) =>
      `https://20essentials.github.io/project-1278/assets/wallpaper-${i + 1}.jpg`
  )} 
  minHeightImage={20} 
  maxHeightImage={80}
/>

Demo 📹