Modules

Content switcher with tabs

A segmented switcher – for example For SaaS companies | For B2B companies – that swaps the content below it. Each tab has its own heading, text, optional image, buttons and cards.

Set up the content

Content → Heading: The section heading shown above the switcher.
Content → Tabs: Two to five tabs. For each tab fill in Tab label, Heading and Text.
Add Buttons and Cards (icon, title, text and an optional link) inside each tab.
Choose Image in a tab to show a picture beside or below its text.
Fill in Switcher description (screen readers), for example «Choose your business model».

Choose the look

Setting	Options
Styles → Layout → Switcher style	Segmented pill or Underlined tabs
Styles → Layout → Panel layout	Stacked (text centered above the cards) or Split (text beside the image)
Card columns and Card style	2–4 columns; Elevated, Tinted, Outlined or Flat
Styles → Switcher	Track, active tab and text colors

Good to know

The active background slides to the tab a visitor chooses. With animations off it moves instantly.
Visitors switch tabs with a click or with the arrow keys. Screen readers announce the tabs correctly.
In the page editor all tabs are shown one below the other so you can edit every tab. The live page shows one at a time.
Background, module width, spacing and alignment work the same in every module – see Backgrounds and Module width and inset panels.