Component Catalog
Editorial CTA Block Editorial
Editorial
Editorial CTA Block A focused call-to-action with a headline and one or two buttons
A focused call-to-action with a headline and one or two buttons.
When to use
This page shows the Editorial CTA Block across background, alignment and spacing settings, then lists its fields.
Variations The same block across five settings
Left · Light 01 — bg: bgstyle-01 · align: left
Ready to get started?
Put a clear next step in front of the reader.
Center · Light 02 — bg: bgstyle-02 · align: center
Ready to get started?
Put a clear next step in front of the reader.
Right · Plain — bg: bgstyle-00 · align: right
Ready to get started?
Put a clear next step in front of the reader.
Center · Dark 05 — bg: bgstyle-05 · align: center
Ready to get started?
Put a clear next step in front of the reader.
Center · Image BG — bg: bgstyle-05 · align: center
Ready to get started?
Put a clear next step in front of the reader.
Field reference
| Field | Editor | Required |
|---|---|---|
| contentHeadline | Text | — |
| ctaLabel / ctaStyle | Text / Radio | — |