Fulldev UI

Docs Components Blocks Showcase

Masonry

---
import DecorativeBox from 'fulldev-ui/components/docs/DecorativeBox.astro'
import Masonry from 'fulldev-ui/components/Masonry.astro'
import Section from 'fulldev-ui/components/Section.astro'
---

<Section>
  <Masonry>
    <DecorativeBox style={{ height: '150px' }} />
    <DecorativeBox style={{ height: '150px' }} />
    <DecorativeBox />
    <DecorativeBox style={{ height: '150px' }} />
    <DecorativeBox />
    <DecorativeBox style={{ height: '150px' }} />
    <DecorativeBox style={{ height: '150px' }} />
    <DecorativeBox />
    <DecorativeBox />
    <DecorativeBox style={{ height: '150px' }} />
    <DecorativeBox />
    <DecorativeBox style={{ height: '150px' }} />
    <DecorativeBox />
  </Masonry>
</Section>