Component Catalog
Tabs Block Editorial
Editorial
Tabs Block Groups related content into tabbed panels to save vertical space
Groups related content into tabbed panels to save vertical space.
When to use
This page shows the Tabs 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
Explore the details
A quick summary of what this does.
Center · Light 02 — bg: bgstyle-02 · align: center
Explore the details
A quick summary of what this does.
Right · Plain — bg: bgstyle-00 · align: right
Explore the details
A quick summary of what this does.
Center · Dark 05 — bg: bgstyle-05 · align: center
Explore the details
A quick summary of what this does.
Center · Image BG — bg: bgstyle-05 · align: center
Explore the details
A quick summary of what this does.
Field reference
| Field | Editor | Required |
|---|---|---|
| tabsHeadline | Text | — |
| tabsItems | Block list (label, content) | — |