Skip to content

Tab

Overview

The Tab element organises content into separate tabbed sections. It is useful when several related views or blocks of content should share the same space without overwhelming the user.

When to use

  • When a page contains multiple related views
  • When users should switch between sections without leaving the page
  • When space should be used efficiently in a larger layout

Element-specific options

OptionDescription
TabsDefines which tab sections are available
Tab labelsDefines the titles shown for each tab
Default tabDefines which tab is active when the page opens
Tab contentDefines which content is shown inside each tab
Tab styleDefines how the tabs are presented visually

Common configuration

This element also supports shared configuration options such as validation, rules, roles, styling, summaries, scoring, and prefilling.

See: Common element configuration