Component Catalog
Sequence Block Editorial
Editorial
Sequence Block Shows an ordered process as a timeline or numbered steps
Shows an ordered process as a timeline or numbered steps.
When to use
This page shows the Sequence 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
- 1Step 1
Plan
- 2Step 2
Build
- 3Step 3
Publish
Center · Light 02 — bg: bgstyle-02 · align: center
- 1Step 1
Plan
- 2Step 2
Build
- 3Step 3
Publish
Right · Plain — bg: bgstyle-00 · align: right
- 1Step 1
Plan
- 2Step 2
Build
- 3Step 3
Publish
Center · Dark 05 — bg: bgstyle-05 · align: center
- 1Step 1
Plan
- 2Step 2
Build
- 3Step 3
Publish
Center · Image BG — bg: bgstyle-05 · align: center
- 1Step 1
Plan
- 2Step 2
Build
- 3Step 3
Publish
Field reference
| Field | Editor | Required |
|---|---|---|
| sequenceLayout | Radio (Timeline/Steps/Blocks) | — |
| sequenceItems | Block list | — |