Solitude Docs

Gallery

Arrange images in an MDX page.

Create src/content/pages/gallery.mdx with a title and gallery:

---
title: Gallery
---
<Gallery columns={2}>
<GalleryItem src="/img/demo/cover-getting-started-v2.webp" alt="Create" />
<GalleryItem src="/img/demo/cover-pagination-v2.webp" alt="Collect" />
</Gallery>

Gallery sets columns; GalleryItem sets images and alt text; GalleryGroup creates gallery links. Add /gallery/ to navigation.

Media components