Call to action

Displays a centered call to action.

Frontmatter

blocks:
  - type: cta
    heading: {} # (optional)
      surtitle: '' # string (optional)
      title: '' # string (optional)
      text: '' # markdown (optional)
    ctas: []
      text: '' # string
      url: '' # url
      blank: false # boolean (optional)
      link: false # boolean, render as a plain link instead of a button (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)

Two or more ctas are wrapped in a role="group" container.

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