Page Designer
The Tabs component organizes page content into switchable tab panels. Each tab can contain multiple components arranged in a multi-column layout. Use Tabs to present a large amount of content (Schedule, Speakers, FAQ, Pricing) without overwhelming visitors with a very long page.
Layout rules: Tabs cannot be nested inside other Tabs. The Header and Footer components cannot be placed inside a Tabs component.
Content Settings
- Tab Items: add, remove, and reorder tabs
- Tab Label: text displayed on each tab
- Tab Icon: optional icon shown alongside the label
- Tab Management: assign components to specific tabs from the tab settings panel
Style Settings
- Tab Variation: Default, Vertical, or Ink Bar style
- Background Color, Hover Background Color
Keyboard Navigation
Arrow keys cycle through tabs, Home/End jump to first/last tab, Escape closes overflow menus: fully accessible by default.
💡The Tabbed Conference template is pre-built with a Tabs component covering Schedule, Speakers, FAQ, Pricing, and more: the fastest starting point for multi-session events.