Horizontal Tabs present item titles in a horizontal tab list with one active content panel.
Set:
3. Layout → Display Layout → Horizontal Tabs
Keyboard behavior
Horizontal Tabs use manual activation:
- Left / Right Arrow — move focus between tabs
- Home — first tab
- End — last tab
- Enter / Space — activate the focused tab
Only the selected tab is in the normal Tab sequence.
In right-to-left interfaces, Left/Right navigation follows the visual direction of the tab list.
Mobile behavior
Under Responsive → Tabs on Mobile, choose:
Convert to Accordion — default
When the module itself becomes narrower than approximately 768 CSS pixels, Tabs convert to an Accordion-style interface.
The module width is used where supported, so this also works when a module is placed in a narrow sidebar on a wide desktop viewport.
The active item and deep-link identity are preserved during the conversion.
Keep Tabs
Tabs remain Tabs on narrow layouts and can use horizontal scrolling where needed.
Deep Links
A valid item hash activates the corresponding tab. Selecting another tab updates the hash when Deep Links are enabled.
