Images

Displays an images list in one or two columns.

Frontmatter

blocks:
  - type: images
    heading: {} # (optional)
      surtitle: '' # string (optional)
      title: '' # string (optional)
      text: '' # markdown (optional)
    images: []
      src: '' # url
      filter: '' # [Box, Lanczos, CatmullRom, Linear] (optional)
      alt: '' # string (optional)
      legend: '' # string (optional)
      credit: '' # markdown (optional)
      screenshot: false # boolean, frames the image in a fake browser (optional)
      half: false # boolean, the image takes half the width (optional)
    ui: {} # (optional)
      theme: '' # [accent, black, dark, highlight, light, neutral, white] (optional)
      grid: '' # [xsmall, small, medium, large, container, full] (optional)
      offset: '' # [start, center, end] (optional)
      align: '' # [start, center, end] (optional)

Images flow one per row at full width; half: true puts two side by side, and the rendered width is computed accordingly.

See Common keys for heading, footing and the full ui reference.

Demo visual renderer

Files

ModuleFiles
hugolify-themeTemplate , Sub-templates
hugolify-adminBlock type , Fields
hugolify-example-blocksDemo content

Styling availability

ModuleAvailabilityFiles
hugolify-theme-bootstrapAvailableSASS
hugolify-theme-design-systemAvailableCSS , Tokens

CMS availability

CMSHugolify Admin v2
CloudCannonAvailable
Decap CMSAvailable
Netlify CMSAvailable
Pages CMSAvailable
Static CMSAvailable
Sveltia CMSAvailable
Tina CMSAvailable