Informations

Displays some cards informations in column. Icon, images and button are available

Frontmatter

blocks:
  - type: informations
    heading: {} # (optional)
      surtitle: '' # string (optional)
      title: '' # string (optional)
      text: '' # markdown (optional)
    items: []
      icon: '' # string, icon name (optional)
      image: {} # (optional)
        src: '' # url
        alt: '' # string (optional)
        isLogo: false # boolean, renders it as a logo rather than a cropped image (optional)
      surtitle: '' # string (optional)
      title: '' # string (optional)
      text: '' # markdown (optional)
      cta: {} # (optional)
        text: '' # string
        url: '' # url
        blank: 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: 3 # number, columns per row on desktop (optional)
      ratio: '' # number, image aspect ratio (optional)
      scrollsnap: '' # [none, sm, md, lg, xl, all] or object (optional)

An item shows an icon, an image or a logo, in that order of precedence. Only a real image is cropped to ratio; a logo keeps its own proportions.

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

Params

/config/_default/params.yaml

Default image ratio for every informations block.

params:
  blocks:
    informations:
      image:
        ratio: .5 # number
Demo visual renderer

Files

CMS availability

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