---
isPage: true
draft: false
title: List
description: Latest items stacked as a list instead of a grid.
icon: list
hero:
  surtitle: Block latest
  title: Layout list
  text: Latest items stacked as a list instead of a grid.
  ctas:
    - text: Documentation
      url: https://www.hugolify.io/docs/blocks/latest/
      blank: true
    - text: Page code on Github
      url: https://raw.githubusercontent.com/Hugolify/hugolify-example-blocks/refs/heads/main/content/docs/latest/list.md
      blank: true
      link: true
  ui:
    align: center
    theme: light
blocks:
  - type: latest
    ui:
      layout: list
      grid: container
    section: posts
    heading:
      surtitle: Grid container / Posts / Layout list
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat
  - type: latest
    ui:
      layout: list
      grid: large
      offset: center
    section: posts
    heading:
      surtitle: Grid large / Offset center / Posts / Layout list
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat
  - type: latest
    ui:
      layout: list
      grid: medium
      offset: center
    section: posts
    heading:
      surtitle: Grid medium / Offset center / Posts / Layout list
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat
  - type: latest
    ui:
      layout: list
      grid: small
      offset: center
    section: posts
    heading:
      surtitle: Grid small / Offset center / Posts / Layout list
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat
  - type: latest
    ui:
      layout: list
      grid: small
      offset: center
    section: posts
    heading:
      surtitle: Grid small / Offset center / Posts / Layout list / With show more
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat
    show_more: true

  - type: latest
    ui:
      layout: list
      grid: container
      theme: light
    section: posts
    heading:
      surtitle: Grid container / Posts / Layout list / Theme light
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat

  - type: latest
    ui:
      layout: list
      grid: container
      theme: highlight
    section: posts
    heading:
      surtitle: Grid container / Posts / Layout list / Theme highlight
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat

  - type: latest
    ui:
      layout: list
      grid: container
      theme: accent
    section: posts
    heading:
      surtitle: Grid container / Posts / Layout list / Theme accent
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat

  - type: latest
    ui:
      layout: list
      grid: container
      theme: dark
    section: posts
    heading:
      surtitle: Grid container / Posts / Layout list / Theme dark
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat

  - type: latest
    ui:
      layout: list
      grid: container
      theme: neutral
    section: posts
    heading:
      surtitle: Grid container / Posts / Layout list / Theme neutral
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat

  - type: latest
    ui:
      layout: list
      grid: container
      theme: black
    section: posts
    heading:
      surtitle: Grid container / Posts / Layout list / Theme black
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat

  - type: latest
    ui:
      layout: list
      grid: container
      theme: white
    section: posts
    heading:
      surtitle: Grid container / Posts / Layout list / Theme white
      title: Lorem ipsum dolor sit amet
      text: Suspendisse sollicitudin dignissim velit quis consequat
---