Tabs
A row of tabs that swaps content in place, so people read one thing at a time instead of scrolling.
What it’s for. Putting several short bits of related copy behind one heading. Each tab holds its own rich text, and only the open one shows.
When to use it. When you’ve got a few topics that each deserve a paragraph or two and a long scroll would bury them. Reach for tabs when people pick the one section they care about. If you want everything skimmable at once, an FAQ accordion fits better.
Ways to use it
- Store policies — split shipping, returns, and buylist terms into their own tabs.
- Game by game — a tab each for Magic, Pokemon, Lorcana, with what you stock and how singles ship.
- Deck-building guide — steps or archetypes, one tab at a time.
Tips
- Each tab is a block. Add, reorder, or remove them, and label each one.
- Pick a style: underline, pill, or bordered.
- Set which tab opens first (counting from 1).
- Tab content is rich text, so headings, links, and lists work.
- On phones the tab row scrolls sideways instead of wrapping, so keep labels short.
- Arrow keys move between tabs for keyboard and screen-reader users.
Settings
| Setting | Type | What it does |
|---|---|---|
| Heading | Text | — |
Style
| Setting | Type | What it does |
|---|---|---|
| Tab style | Dropdown | Underline, Pill, Bordered |
| Default active tab | Slider | Which tab should be open by default (1 = first tab) |
Spacing
| Setting | Type | What it does |
|---|---|---|
| Top padding | Slider | Default: 40 |
| Bottom padding | Slider | Default: 40 |
Blocks
This section supports blocks — repeatable content items you add, configure, and reorder inside the section.
Block: Tab
| Setting | Type | What it does |
|---|---|---|
| Tab label | Text | Default: Tab |
| Content | Rich text | Default: Tab content goes here. |
Was this page helpful?
Spotted something wrong, or want to suggest an improvement? Email support → — your message goes straight to engineering.