media/DSImageGallery

DSImageGallery

media
since 1.2.0

Horizontal scrolling image gallery with page indicators.

iOSmacOS

Purpose

Use to display multiple images in a compact, swipeable carousel. Perfect for product photos or media galleries.

Interactive Reference

Live showroom

Need the full visual surface?

Screenshots do not scale well across every component, state, and variant. For the real interactive reference, import the package and launch DSShowcaseRoot().

Best for exploring:

variants, states, categories, and real app examples in one place.

Props

PropTypeDefaultDescription
imagesreq[String]—Array of image names or URLs
heightCGFloat200Gallery height
cornerRadiusCGFloatDSRadius.largeImage corner radius

Examples

Product gallery

Show multiple product images.

swift
DSImageGallery(
    images: product.imageNames,
    height: 300,
    cornerRadius: DSRadius.large
)

Usage Guidelines

  • Use for 2-10 images; more than 10 consider grid view
  • Maintain consistent image aspect ratios
  • Page indicators show current position

Related Components

CardCarouselMediaGallery