Paragraph list

Displays several paragraphs side by side, in one or two columns.

Frontmatter

blocks:
  - type: paragraph-list
    heading: {} # (optional)
      surtitle: '' # string (optional)
      title: '' # string (optional)
      text: '' # markdown (optional)
    items: []
      surtitle: '' # string (optional)
      title: '' # string (optional)
      text: '' # markdown (optional)
      notes: [] # (optional)
        text: '' # markdown
      ctas: [] # (optional)
        text: '' # string
        url: '' # url
        blank: false # boolean (optional)
        link: false # boolean (optional)
        lang: '' # code lang, sets the hreflang attribute (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)
      column: 1 # [1, 2] columns per row on desktop (optional)

The paragraph block, repeated: each item takes the same fields and renders through the same component, so a list entry and a standalone paragraph look identical.

An item’s title drops to h3 as soon as the block heading takes the h2. A single cta object is accepted in place of ctas.

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

Files

CMS availability

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

The notes field is off by default in the CMS. Set params.admin.blocks.paragraph-list.notes: true to expose it.