Quote

Displays a quote and its author

Frontmatter

blocks:
  - type: quote
    quote: '' # markdown
    author: {} # (optional)
      title: '' # string, the name (optional)
      text: '' # string, the role or the company (optional)
      url: '' # url, links the text (optional)
      image: {} # (optional)
        src: '' # url
        alt: '' # string (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)

The quote is a <figure> holding a <blockquote> and a <figcaption>; the author portrait is cropped from the top, which keeps faces in frame.

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

Demo visual renderer

Files

CMS availability

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