Component Catalog
CTA Block Editorial
Editorial
CTA Block A prominent call-to-action banner with selectable layout
A prominent call-to-action banner with selectable layout. Use it to drive one clear next step.
When to use
This page shows the 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
Start building today
One decisive call to action.
Center · Light 02 — bg: bgstyle-02 · align: center
Start building today
One decisive call to action.
Right · Plain — bg: bgstyle-00 · align: right
Start building today
One decisive call to action.
Center · Dark 05 — bg: bgstyle-05 · align: center
Start building today
One decisive call to action.
Center · Image BG — bg: bgstyle-05 · align: center
Start building today
One decisive call to action.
Field reference
| Field | Editor | Required |
|---|---|---|
| ctaLayout | Radio (Banner/Split/Boxed) | — |
| contentHeadline | Text | — |
| ctaLabel | Text | — |