Appearance
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
| Option | Description |
|---|---|
| Tabs | Defines which tab sections are available |
| Tab labels | Defines the titles shown for each tab |
| Default tab | Defines which tab is active when the page opens |
| Tab content | Defines which content is shown inside each tab |
| Tab style | Defines 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.