Vertical Tabs use the same content model as Horizontal Tabs, but place the tab list vertically beside the content panel.
Set:
3. Layout → Display Layout → Vertical Tabs
Keyboard behavior
Vertical Tabs use manual activation:
- Down Arrow — move focus to the next tab
- Up Arrow — move focus to the previous tab
- Home — first tab
- End — last tab
- Enter / Space — activate the focused tab
Mobile behavior
The same Tabs on Mobile options are available:
- Convert to Accordion — default
- Keep Tabs
When converted, the selected item remains selected and deep links continue to use the same stable item identity.
RTL support
Vertical Tabs use direction-aware CSS so the visual arrangement can mirror correctly in right-to-left templates.
