Embed

Displays a centered embed

Frontmatter

blocks:
  - type: embed
    heading: {} # (optional)
      surtitle: '' # string (optional)
      title: '' # string (optional)
      text: '' # markdown (optional)
    embed: '' # HTML
    title: '' # string, iframe title when the embed code carries none (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 theme patches the pasted markup for you: an <iframe> with no loading attribute gets loading="lazy", and one with no title gets the block’s title.

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

CMS availability

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