Tabs

How to add it

Add a Tabs block, then build it up one tab at a time:

1. Add a tab to create a new panel.
2. Name the tab by typing its label straight onto the tab.
3. Fill the panel by adding any blocks inside it — text, images, a link list, whatever the section needs.

Configure it

Tabs

Each tab is a panel with its own content. Add, remove and reorder tabs from the Tabs block; the first tab shows by default when the page loads.

Tab label

Each tab has a short label, edited in place on the tab itself. Keep labels to a word or two so the whole row fits on a phone.

Content style

The panel's border treatment: Bordered (the default) frames each panel; No border drops the bottom rule; Flush removes the panel padding; Side flush removes only the left and right padding, so full-width content meets the edges.

Tips

Keep to a handful of tabs with short, distinct labels. Too many tabs, or labels that wrap, make the row hard to scan on a small screen.

Don't hide content people need to read in order or compare side by side — tabs show one panel at a time. For that, use an accordion or plain sections instead.

Related pages

• Accordion
• Cards
• Content blocks
• Sections

Example